[Cart page] Add color picker on cart specific sections

Shopify · Sep 29, 2023 · 7cd852d · 7cd852d
1 parent 0458195
commit 7cd852d
Show file tree

Hide file tree

Showing 2 changed files with 431 additions and 405 deletions.
diff --git a/sections/main-cart-footer.liquid b/sections/main-cart-footer.liquid
@@ -17,8 +17,12 @@
   }
 {%- endstyle -%}
 
-<div class="page-width{% if cart == empty %} is-empty{% endif %}" id="main-cart-footer" data-id="{{ section.id }}">
-  <div>
+<div
+  class="color-{{ section.settings.color_scheme }}{% if cart == empty %} is-empty{% endif %}"
+  id="main-cart-footer"
+  data-id="{{ section.id }}"
+>
+  <div class="page-width">
     <div class="cart__footer section-{{ section.id }}-padding">
       {%- if settings.show_cart_note -%}
         <cart-note class="cart__note field">
@@ -133,6 +137,12 @@
   "name": "t:sections.main-cart-footer.name",
   "class": "cart__footer-wrapper",
   "settings": [
+    {
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "t:sections.all.colors.label",
+      "default": "background-1"
+    },
     {
       "type": "range",
       "id": "padding_top",