+
{{- title -}}
@@ -42,7 +42,7 @@
{%- if sku_enable -%}
- {%- render 'variant-sku' -%}
+ {%- render 'product.block.title.sku' -%}
{%- endif -%}
diff --git a/snippets/variant-sku.liquid b/snippets/product.block.title.sku.liquid
similarity index 92%
rename from snippets/variant-sku.liquid
rename to snippets/product.block.title.sku.liquid
index e7bef86..d90c7be 100644
--- a/snippets/variant-sku.liquid
+++ b/snippets/product.block.title.sku.liquid
@@ -19,5 +19,5 @@
diff --git a/snippets/variant-button.liquid b/snippets/product.block.variant-picker.button.liquid
similarity index 96%
rename from snippets/variant-button.liquid
rename to snippets/product.block.variant-picker.button.liquid
index c9d3a68..dbf1538 100644
--- a/snippets/variant-button.liquid
+++ b/snippets/product.block.variant-picker.button.liquid
@@ -12,7 +12,7 @@
{%- endfor -%}
{% endcomment %}
-{%- render 'stylesheet', name: 'component.variant-button.css' -%}
+{%- render 'stylesheet', name: 'product.block.variant-picker.button.css' -%}
{%- liquid
assign variants_available_arr = product.variants | map: 'available'
diff --git a/snippets/variant-dropdown.liquid b/snippets/product.block.variant-picker.dropdown.liquid
similarity index 100%
rename from snippets/variant-dropdown.liquid
rename to snippets/product.block.variant-picker.dropdown.liquid
diff --git a/snippets/block-variant-picker.liquid b/snippets/product.block.variant-picker.liquid
similarity index 65%
rename from snippets/block-variant-picker.liquid
rename to snippets/product.block.variant-picker.liquid
index f93398f..21dfa95 100644
--- a/snippets/block-variant-picker.liquid
+++ b/snippets/product.block.variant-picker.liquid
@@ -2,18 +2,18 @@
Renders product variant-picker
Accepts:
- - block {block} - Block object
- product {product} - Product object
- update_url {boolean} - Whether to update the URL when the variant is changed
Usage:
- {% render 'block-variant-picker', block: block %}
+ {% render 'product.block.variant-picker' %}
{%- endcomment -%}
-{% render 'stylesheet', name: 'component.block-variant-picker.css' %}
+{% render 'stylesheet', name: 'product.block.variant-picker.css' %}
{%- liquid
assign update_url = update_url | default: true, allow_false: true
+ assign picker_type = picker_type | default: block.settings.picker_type | default: 'button'
-%}
{%- unless product.has_only_default_variant -%}
@@ -23,14 +23,13 @@
section-id="{{ section.id }}"
url="{{ product.url }}"
update-url="{{ update_url }}"
- {{ block.shopify_attributes }}
>
{%- liquid
for option in product.options_with_values
- if block.settings.picker_type == 'button'
- render 'variant-button', option: option
+ if picker_type == 'button'
+ render 'product.block.variant-picker.button', option: option
else
- render 'variant-dropdown', option: option
+ render 'product.block.variant-picker.dropdown', option: option
endif
endfor
-%}
@@ -41,6 +40,6 @@
{%- endunless -%}
diff --git a/snippets/section-main-product.liquid b/snippets/product.section.main.liquid
similarity index 74%
rename from snippets/section-main-product.liquid
rename to snippets/product.section.main.liquid
index b607456..52f5cc8 100644
--- a/snippets/section-main-product.liquid
+++ b/snippets/product.section.main.liquid
@@ -8,16 +8,7 @@
Usage:
{% liquid
capture blocks
- for block in section.blocks
- case block.type
- when 'title'
- render 'block-title', block: block
- when 'variant_picker'
- render 'block-variant-picker', block: block
- when 'buy_buttons'
- render 'block-buy-buttons', block: block
- endcase
- endfor
+ content_for: 'blocks'
endcapture
render 'main-product', slot_product_blocks: blocks
@@ -40,7 +31,7 @@
{%- if slot_product_gallery != blank -%}
{{ slot_product_gallery }}
{%- else -%}
- {%- render 'product-media-gallery' -%}
+ {%- render 'product.block.media-gallery' -%}
{%- endif -%}