featured category theme (#75)

sacred-art · Jan 27, 2024 · c6369b7 · c6369b7
1 parent f5a4115
commit c6369b7
Show file tree

Hide file tree

Showing 5 changed files with 101 additions and 3 deletions.
diff --git a/assets/scss/components/stencil/_customBlocks.scss b/assets/scss/components/stencil/_customBlocks.scss
@@ -16,4 +16,82 @@
     &-header {
         text-align: center;
     }
+
+    &.theme- {
+        &pink {
+            background-color: #fac6bc;
+            color: #e53a46;
+
+            .card-figure {
+                background-color: transparent;
+            }
+
+            .page-heading, .card-title > a {
+                color: #e53a46;
+            }
+            .card-text {
+                color: #550000;
+            }
+        }
+
+        &cream {
+            background-color: #f9ebcc;
+
+            .card-figure {
+                background-color: transparent;
+            }
+
+            .page-heading, .card-title > a {
+                color: #1d3557;
+            }
+            .card-text {
+                color: #1d3557;
+            }
+        }
+
+        &navy {
+            background-color: #1d3557;
+
+            .card-figure {
+                background-color: transparent;
+            }
+
+            .page-heading, .card-title > a {
+                color: #f9ebcc;
+            }
+            .card-text {
+                color: #f9ebcc;
+            }
+        }
+
+        &grey {
+            background-color: #e4e4e4;
+
+            .card-figure {
+                background-color: transparent;
+            }
+
+            .page-heading, .card-title > a {
+                color: #1d3557;
+            }
+            .card-text {
+                color: #1d3557;
+            }
+        }
+
+        &green {
+            background-color: #213429;
+
+            .card-figure {
+                background-color: transparent;
+            }
+
+            .page-heading, .card-title > a {
+                color: #f9ebcc;
+            }
+            .card-text {
+                color: #f9ebcc;
+            }
+        }
+    }
 }
diff --git a/config.json b/config.json
@@ -778,10 +778,11 @@
         "hoursHeading": "Holiday Hours",
         "mwn_home_category_block": true,
         "mwn_home_category_block_id": "439",
-        "features_dynamic_locations": true,
         "mwn_home_category_block_region": "home_below_featured_products",
         "mwn_home_category_block_heading": "For Your Sweetheart",
         "mwn_home_category_block_limit": 12,
+        "mwn_home_category_block_theme": "default",
+        "features_dynamic_locations": true,
         "mwn_global_cart_emoji": true,
         "styled_nav_user_bg": "#314A6D",
         "pdp_sale_badge_label": "Sale",

diff --git a/schema.json b/schema.json
@@ -1252,6 +1252,20 @@
           { "label": "Below new products", "value": "home_below_new_products" }
         ]
       },
+      {
+        "type": "select",
+        "force_reload": true,
+        "label": "Featured category theme",
+        "id": "mwn_home_category_block_theme",
+        "options": [
+          { "label": "Default", "value": "default" },
+          { "label": "Pink", "value": "pink" },
+          { "label": "Navy", "value": "navy" },
+          { "label": "Cream", "value": "cream" },
+          { "label": "Grey", "value": "grey" },
+          { "label": "Green", "value": "green" }
+        ]
+      },
       {
         "type": "text",
         "force_reload": true,

diff --git a/templates/components/category/featured-category-block.html b/templates/components/category/featured-category-block.html
@@ -1,4 +1,4 @@
-<div class="mwn-block mwn-block-product padding-vertical" data-category-id="{{id}}" data-category-url="{{url}}" id="category-product-{{id}}">
+<div class="mwn-block mwn-block-product padding-vertical theme-{{theme}}" data-category-id="{{id}}" data-category-url="{{url}}" id="category-product-{{id}}">
   <div class="loadingOverlay"></div>
   <div class="container">
       <div class="mwn-block-header">

diff --git a/templates/pages/home.html b/templates/pages/home.html
@@ -98,7 +98,12 @@
     {{#if theme_settings.mwn_home_category_block}}
         {{#if theme_settings.mwn_home_category_block_region '===' 'home_below_featured_products'}}
             {{#filter categories theme_settings.mwn_home_category_block_id property="id"}}
-                {{> components/category/featured-category-block category=this heading=../theme_settings.mwn_home_category_block_heading description=../theme_settings.mwn_home_category_block_description }}
+                {{> components/category/featured-category-block
+                    category=this
+                    heading=../theme_settings.mwn_home_category_block_heading
+                    description=../theme_settings.mwn_home_category_block_description
+                    theme=../theme_settings.mwn_home_category_block_theme
+                }}
             {{/filter}}
         {{/if}}
     {{/if}}