Deploy

.gitattributes

@@ -0,0 +1 @@
+*.json linguist-language=jsonc

.gitignore

@@ -0,0 +1,22 @@
+# OS generated files #
+######################
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
+Thumbs.db
+node_modules/
+
+# Shopify CLI files
+.shopify/
+
+## Release files
+release
+*.zip
+
+# custom
+*.md
+.theme-check.yml
+.shopifyignore

blocks/_announcement.liquid

@@ -19,13 +19,13 @@
       {% render 'typography-style', settings: block_settings, preset: 'custom' %}
       --width: 100%;
       --text-align: center;
-      --line-height: 1;
+      --line-height: 1.4;
     "
     {{ block.shopify_attributes }}
     aria-hidden="{% if block_index == 0 %}false{% else %}true{% endif %}"
   >
     <p class="announcement-bar__text">
-      {{ block.settings.text }}
+      {{ block.settings.text | split: '||' | join: '<br>' }}
     </p>
 
     {% if block_settings.link != blank %}

blocks/ai_gen_block_2a866df.liquid

@@ -0,0 +1,298 @@
+{% doc %}
+  @prompt
+    Can you make a custom policies tab that has a title "policies", lists all the policies below with links and is centered, make it centred, and make the policies all on one line
+{% enddoc %}
+{% assign ai_gen_id = block.id | replace: '_', '' | downcase %}
+
+{% style %}
+  .ai-policies-tab-{{ ai_gen_id }} {
+    display: block;
+    width: {{ block.settings.desktop_width_percent }}%;
+    max-width: 100%;
+    margin: 0 auto;
+    padding: {{ block.settings.padding_top }}px {{ block.settings.padding_horizontal }}px {{ block.settings.padding_bottom }}px;
+    background-color: {{ block.settings.background_color }};
+    border-radius: {{ block.settings.border_radius }}px;
+    text-align: center;
+  }
+
+  .ai-policies-tab__title-{{ ai_gen_id }} {
+    margin: 0 0 {{ block.settings.title_spacing }}px;
+    color: {{ block.settings.title_color }};
+    font-size: {{ block.settings.title_size }}px;
+    font-weight: 700;
+  }
+
+  .ai-policies-tab__list-{{ ai_gen_id }} {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: {{ block.settings.link_spacing }}px;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .ai-policies-tab__item-{{ ai_gen_id }} {
+    margin: 0;
+  }
+
+  .ai-policies-tab__link-{{ ai_gen_id }} {
+    color: {{ block.settings.link_color }};
+    font-size: {{ block.settings.link_size }}px;
+    text-decoration: {{ block.settings.link_underline }};
+    transition: color 0.2s ease;
+    white-space: nowrap;
+  }
+
+  .ai-policies-tab__link-{{ ai_gen_id }}:hover {
+    color: {{ block.settings.link_hover_color }};
+  }
+
+  .ai-policies-tab__empty-{{ ai_gen_id }} {
+    color: {{ block.settings.title_color }};
+    opacity: 0.6;
+    font-size: {{ block.settings.link_size }}px;
+    font-style: italic;
+  }
+
+  @media screen and (max-width: 749px) {
+    .ai-policies-tab-{{ ai_gen_id }} {
+      padding: {{ block.settings.padding_top | times: 0.7 }}px {{ block.settings.padding_horizontal | times: 0.7 }}px {{ block.settings.padding_bottom | times: 0.7 }}px;
+    }
+
+    .ai-policies-tab__title-{{ ai_gen_id }} {
+      font-size: {{ block.settings.title_size | times: 0.8 }}px;
+    }
+
+    .ai-policies-tab__link-{{ ai_gen_id }} {
+      font-size: {{ block.settings.link_size | times: 0.9 }}px;
+    }
+  }
+{% endstyle %}
+
+<div class="ai-policies-tab-{{ ai_gen_id }}" {{ block.shopify_attributes }}>
+  <h2 class="ai-policies-tab__title-{{ ai_gen_id }}">{{ block.settings.title }}</h2>
+
+  {% liquid
+    assign has_policies = false
+    if shop.privacy_policy or shop.refund_policy or shop.shipping_policy or shop.terms_of_service or shop.contact_information
+      assign has_policies = true
+    endif
+  %}
+
+  {% if has_policies %}
+    <ul class="ai-policies-tab__list-{{ ai_gen_id }}">
+      {% if shop.privacy_policy %}
+        <li class="ai-policies-tab__item-{{ ai_gen_id }}">
+          <a href="{{ shop.privacy_policy.url }}" class="ai-policies-tab__link-{{ ai_gen_id }}">
+            {{ shop.privacy_policy.title }}
+          </a>
+        </li>
+      {% endif %}
+
+      {% if shop.refund_policy %}
+        <li class="ai-policies-tab__item-{{ ai_gen_id }}">
+          <a href="{{ shop.refund_policy.url }}" class="ai-policies-tab__link-{{ ai_gen_id }}">
+            {{ shop.refund_policy.title }}
+          </a>
+        </li>
+      {% endif %}
+
+      {% if shop.shipping_policy %}
+        <li class="ai-policies-tab__item-{{ ai_gen_id }}">
+          <a href="{{ shop.shipping_policy.url }}" class="ai-policies-tab__link-{{ ai_gen_id }}">
+            {{ shop.shipping_policy.title }}
+          </a>
+        </li>
+      {% endif %}
+
+      {% if shop.terms_of_service %}
+        <li class="ai-policies-tab__item-{{ ai_gen_id }}">
+          <a href="{{ shop.terms_of_service.url }}" class="ai-policies-tab__link-{{ ai_gen_id }}">
+            {{ shop.terms_of_service.title }}
+          </a>
+        </li>
+      {% endif %}
+
+      {% if shop.contact_information %}
+        <li class="ai-policies-tab__item-{{ ai_gen_id }}">
+          <a href="{{ shop.contact_information.url }}" class="ai-policies-tab__link-{{ ai_gen_id }}">
+            {{ shop.contact_information.title }}
+          </a>
+        </li>
+      {% endif %}
+    </ul>
+  {% else %}
+    <p class="ai-policies-tab__empty-{{ ai_gen_id }}">
+      No policies have been added yet. Add them in your store settings.
+    </p>
+  {% endif %}
+</div>
+
+{% schema %}
+{
+  "name": "Policies",
+  "settings": [
+    {
+      "type": "header",
+      "content": "Content"
+    },
+    {
+      "type": "text",
+      "id": "title",
+      "label": "Title",
+      "default": "Policies"
+    },
+    {
+      "type": "range",
+      "id": "desktop_width_percent",
+      "label": "Desktop width",
+      "min": 50,
+      "max": 100,
+      "step": 5,
+      "unit": "%",
+      "default": 100
+    },
+    {
+      "type": "header",
+      "content": "Style"
+    },
+    {
+      "type": "color",
+      "id": "background_color",
+      "label": "Background color",
+      "default": "#FFFFFF"
+    },
+    {
+      "type": "range",
+      "id": "border_radius",
+      "label": "Border radius",
+      "min": 0,
+      "max": 40,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    },
+    {
+      "type": "range",
+      "id": "padding_top",
+      "label": "Padding top",
+      "min": 0,
+      "max": 100,
+      "step": 5,
+      "unit": "px",
+      "default": 40
+    },
+    {
+      "type": "range",
+      "id": "padding_bottom",
+      "label": "Padding bottom",
+      "min": 0,
+      "max": 100,
+      "step": 5,
+      "unit": "px",
+      "default": 40
+    },
+    {
+      "type": "range",
+      "id": "padding_horizontal",
+      "label": "Padding horizontal",
+      "min": 0,
+      "max": 100,
+      "step": 5,
+      "unit": "px",
+      "default": 20
+    },
+    {
+      "type": "header",
+      "content": "Title"
+    },
+    {
+      "type": "color",
+      "id": "title_color",
+      "label": "Color",
+      "default": "#121212"
+    },
+    {
+      "type": "range",
+      "id": "title_size",
+      "label": "Size",
+      "min": 16,
+      "max": 48,
+      "step": 2,
+      "unit": "px",
+      "default": 32
+    },
+    {
+      "type": "range",
+      "id": "title_spacing",
+      "label": "Spacing below",
+      "min": 10,
+      "max": 50,
+      "step": 5,
+      "unit": "px",
+      "default": 25
+    },
+    {
+      "type": "header",
+      "content": "Links"
+    },
+    {
+      "type": "color",
+      "id": "link_color",
+      "label": "Color",
+      "default": "#121212"
+    },
+    {
+      "type": "color",
+      "id": "link_hover_color",
+      "label": "Hover color",
+      "default": "#333333"
+    },
+    {
+      "type": "range",
+      "id": "link_size",
+      "label": "Size",
+      "min": 12,
+      "max": 24,
+      "step": 1,
+      "unit": "px",
+      "default": 16
+    },
+    {
+      "type": "select",
+      "id": "link_underline",
+      "label": "Underline",
+      "options": [
+        {
+          "value": "none",
+          "label": "None"
+        },
+        {
+          "value": "underline",
+          "label": "Underline"
+        }
+      ],
+      "default": "none"
+    },
+    {
+      "type": "range",
+      "id": "link_spacing",
+      "label": "Spacing between",
+      "min": 5,
+      "max": 50,
+      "step": 5,
+      "unit": "px",
+      "default": 20
+    }
+  ],
+  "presets": [
+    {
+      "name": "Policies"
+    }
+  ]
+}
+{% endschema %}