Skip to content

Commit 0958fa2

Browse files
RachelRVasquezRachelRVasquez
committed
legacy footer should properly act as a fallback, post meta override working, styling tweaks for mobile
1 parent 6446666 commit 0958fa2

6 files changed

Lines changed: 43 additions & 93 deletions

File tree

‎components/footer/variation-default.php‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,11 +28,9 @@
2828
<?php do_action( 'memberlite_before_site_info' ); ?>
2929

3030
<div class="site-info">
31-
3231
<?php get_template_part( 'components/footer/footer', 'site-info' ); ?>
3332

3433
<?php get_template_part( 'components/footer/footer', 'back-to-top' ); ?>
35-
3634
</div><!-- .site-info -->
3735

3836
<?php do_action( 'memberlite_after_site_info' ); ?>

‎footer.php‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,14 +21,16 @@
2121
$footer_class = 'site-footer';
2222
if ( $footer_post_name && '0' !== $footer_post_name ) {
2323
$footer_class .= ' site-footer-' . sanitize_html_class( $footer_post_name );
24+
} else {
25+
$footer_class .= ' site-footer-default'; //legacy footer
2426
}
2527
?>
2628
<footer id="colophon" class="<?php echo esc_attr( $footer_class ); ?>" role="contentinfo">
2729
<?php
2830
if ( ! empty( $footer_post_name ) && '0' !== $footer_post_name ) {
2931
memberlite_render_footer_variation( $footer_post_name );
3032
} else {
31-
get_template_part( 'components/footer/variation', 'default' );
33+
get_template_part( 'components/footer/variation', 'default' ); //legacy footer
3234
}
3335
?>
3436
</footer><!-- #colophon -->

‎patterns/footer-01.php‎

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,17 +5,18 @@
55
* Description: Footer with two rows, 4 columns on top of 2.
66
* Categories: memberlite-footer, footer
77
* Keywords: footer, variation
8+
* Post Types: memberlite_footer
89
* @package WordPress
910
* @subpackage Memberlite
1011
* @since TBD
1112
*/
1213
?>
13-
<!-- wp:group {"align":"full","className":"footer-variation-01","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"}},"elements":{"link":{"color":{"text":"var:preset|color|page-masthead"}}}},"backgroundColor":"color-primary","textColor":"page-masthead","layout":{"type":"constrained"}} -->
14-
<div class="wp-block-group alignfull footer-variation-01 has-page-masthead-color has-color-primary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
14+
<!-- wp:group {"align":"full","className":"footer-variation-01","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"}},"elements":{"link":{"color":{"text":"var:preset|color|site-navigation-background"}}}},"backgroundColor":"color-primary","textColor":"site-navigation-background","layout":{"type":"constrained"}} -->
15+
<div class="wp-block-group alignfull footer-variation-01 has-site-navigation-background-color has-color-primary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
1516
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"33%"} -->
1617
<div class="wp-block-column" style="flex-basis:33%"><!-- wp:site-logo /-->
1718

18-
<!-- wp:site-title {"fontSize":"18"} /-->
19+
<!-- wp:site-title {"isLink":false,"fontSize":"18"} /-->
1920

2021
<!-- wp:paragraph {"fontSize":"14"} -->
2122
<p class="has-14-font-size">123 Example Street<br>Cityville, AA, 99999<br>(555) 555-5555</p>
@@ -59,22 +60,22 @@
5960

6061
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
6162
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"33%"} -->
62-
<div class="wp-block-column" style="flex-basis:33%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.75rem"}},"textColor":"white"} -->
63-
<p class="has-white-color has-text-color" style="font-size:0.75rem">Banking services provided by a South African bank and regulated by the South African Reserve Bank.</p>
63+
<div class="wp-block-column" style="flex-basis:33%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.75rem"}}} -->
64+
<p style="font-size:0.75rem">Banking services provided by a South African bank and regulated by the South African Reserve Bank.</p>
6465
<!-- /wp:paragraph --></div>
6566
<!-- /wp:column -->
6667

6768
<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} -->
68-
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":"0"},"elements":{"link":{"color":{"text":"var:preset|color|site-navigation-background"}}}},"textColor":"site-navigation-background","layout":{"type":"flex","justifyContent":"right","flexWrap":"nowrap","verticalAlignment":"center"}} -->
69-
<div class="wp-block-group has-site-navigation-background-color has-text-color has-link-color" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.75rem"}}} -->
69+
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":"0"}},"layout":{"type":"flex","justifyContent":"right","flexWrap":"nowrap","verticalAlignment":"center"}} -->
70+
<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.75rem"}}} -->
7071
<p style="font-size:0.75rem">©</p>
7172
<!-- /wp:paragraph -->
7273

7374
<!-- wp:post-date {"datetime":"2026-03-25T15:34:02.436Z","format":"Y","style":{"typography":{"fontSize":"0.75rem"}}} /-->
7475

75-
<!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"0.75rem"},"spacing":{"padding":{"left":"0.5rem"}}}} /-->
76+
<!-- wp:site-title {"level":0,"isLink":false,"style":{"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"0.75rem"},"spacing":{"padding":{"left":"0.5rem"}}}} /-->
7677

77-
<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.75rem"},"spacing":{"padding":{"left":"0.5rem"}}}} -->
78+
<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.75rem"},"spacing":{"padding":{"left":"0.5rem"}},"layout":{"selfStretch":"fit","flexSize":null}}} -->
7879
<p style="padding-left:0.5rem;font-size:0.75rem"> All rights reserved.</p>
7980
<!-- /wp:paragraph --></div>
8081
<!-- /wp:group --></div>

‎patterns/footer-02.php‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@
1010
* @since TBD
1111
*/
1212
?>
13-
<!-- wp:group {"metadata":{"categories":["memberlite-footer"],"patternName":"memberlite/footer-02","name":"Footer Variation 2"},"align":"full","className":"footer-variation-02","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","bottom":"var:preset|spacing|30","left":"var:preset|spacing|50","top":"var:preset|spacing|30"},"blockGap":"var:preset|spacing|20","margin":{"top":"0","bottom":"0"}},"dimensions":{"minHeight":"40vh"},"color":{"background":"#f3f3f3"},"border":{"top":{"color":"var:preset|color|borders","width":"1px"},"right":[],"bottom":[],"left":[]}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","verticalAlignment":"center"}} -->
14-
<div class="wp-block-group alignfull footer-variation-02 has-background" style="border-top-color:var(--wp--preset--color--borders);border-top-width:1px;background-color:#f3f3f3;min-height:40vh;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--50)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
13+
<!-- wp:group {"metadata":{"categories":["memberlite-footer"],"patternName":"memberlite/footer-02","name":"Footer Variation 2"},"align":"full","className":"footer-variation-02","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","bottom":"var:preset|spacing|30","left":"var:preset|spacing|50","top":"var:preset|spacing|30"},"blockGap":"var:preset|spacing|20","margin":{"top":"0","bottom":"0"}},"dimensions":{"minHeight":"40vh"},"border":{"top":{"color":"var:preset|color|borders","width":"1px"},"right":[],"bottom":[],"left":[]},"elements":{"link":{"color":{"text":"var:preset|color|site-navigation-background"}}}},"backgroundColor":"site-navigation-link","textColor":"site-navigation-background","layout":{"type":"flex","orientation":"vertical","justifyContent":"center","verticalAlignment":"center"}} -->
14+
<div class="wp-block-group alignfull footer-variation-02 has-site-navigation-background-color has-site-navigation-link-background-color has-text-color has-background has-link-color" style="border-top-color:var(--wp--preset--color--borders);border-top-width:1px;min-height:40vh;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--50)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
1515
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":"0"}},"fontSize":"14","layout":{"type":"flex","justifyContent":"right","flexWrap":"nowrap","verticalAlignment":"center"}} -->
1616
<div class="wp-block-group has-14-font-size" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:paragraph {"fontSize":"14"} -->
1717
<p class="has-14-font-size">©</p>

‎patterns/footer-default.php‎

Lines changed: 0 additions & 79 deletions
This file was deleted.

‎src/scss/structure/_footer.scss‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -147,6 +147,34 @@
147147
}
148148
}
149149

150+
// -----------------------------------------------------------------------------
151+
// Site Footer — Variation 01
152+
// -----------------------------------------------------------------------------
153+
154+
.footer-variation-01 {
155+
.flex-wrap-mobile.is-layout-flex {
156+
width: 100%;
157+
display: block;
158+
159+
@include breakpoint(desktop) {
160+
width: auto;
161+
display: flex;
162+
}
163+
164+
> .wp-block-group.is-vertical {
165+
padding-bottom: var(--wp--preset--spacing--40);
166+
167+
&:last-child {
168+
padding-bottom: 0;
169+
}
170+
171+
@include breakpoint(desktop) {
172+
padding-bottom: 0;
173+
}
174+
}
175+
}
176+
}
177+
150178
// -----------------------------------------------------------------------------
151179
// Site Footer — Variation 02
152180
// -----------------------------------------------------------------------------

0 commit comments

Comments
 (0)