shopify blog post code
{% liquid
assign bg_color = section.settings.background_color
assign has_bg = false
unless bg_color == "rgba(0,0,0,0)" or bg_color == blank
assign has_bg = true
endunless
assign settings = section.settings
assign blog_to_show = section.settings.limit | default: 3
assign use_scroll_mobile = section.settings.use_scroll_mobile
%}
{% schema %}
{
"name": "Blog posts",
"settings": [
{
"type": "header",
"content": "Section header"
},
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Blog posts"
},
{
"type": "text",
"id": "subheading",
"label": "Subheading"
},
{
"type": "textarea",
"id": "description",
"label": "Description"
},
{
"type": "select",
"id": "header_alignment",
"label": "Text alignment",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
}
]
},
{
"type": "header",
"content": "General"
},
{
"type": "select",
"id": "container",
"label": "Container type",
"default": "container-fluid",
"options": [
{
"value": "container-fluid",
"label": "Default"
},
{
"value": "w-full",
"label": "Full width"
},
{
"value": "container",
"label": "Use container box"
}
]
},
{
"type": "color",
"id": "background_color",
"label": "Background color",
"default": "rgba(0,0,0,0)"
},
{
"type": "header",
"content": "Content"
},
{
"id": "blog",
"type": "blog",
"label": "Blog"
},
{
"type": "range",
"id": "limit",
"label": "Posts to show",
"min": 2,
"max": 12,
"step": 1,
"default": 4
},
{
"type": "range",
"id": "column",
"label": "Posts per row",
"min": 2,
"max": 6,
"step": 1,
"default": 4
},
{
"type": "range",
"id": "column_gap",
"label": "Column gap",
"min": 0,
"max": 50,
"step": 2,
"default": 30,
"unit": "px"
},
{
"type": "range",
"id": "mobile_gap",
"label": "Column gap on mobile",
"min": 0,
"max": 30,
"step": 2,
"default": 10,
"unit": "px"
},
{
"type": "header",
"content": "Card settings"
},
{
"type": "select",
"id": "article_image_aspect_ratio",
"label": "Image aspect ratio",
"default": "16/9",
"options": [
{
"value": "original",
"label": "Original aspect ratio"
},
{
"value": "1/1",
"label": "1:1"
},
{
"value": "3/4",
"label": "3:4"
},
{
"value": "4/3",
"label": "4:3"
},
{
"value": "16/9",
"label": "16:9"
}
]
},
{
"type": "select",
"id": "article_align_content",
"label": "Content alignment",
"default": "text-left",
"options": [
{
"label": "Left",
"value": "text-left"
},
{
"label": "Center",
"value": "text-center"
},
{
"label": "Right",
"value": "text-right"
}
]
},
{
"type": "checkbox",
"id": "article_show_tags",
"label": "Show tags",
"default": true
},
{
"type": "checkbox",
"id": "article_show_date",
"label": "Show publised date",
"default": true
},
{
"type": "checkbox",
"id": "article_show_excerpt",
"label": "Show excerpt",
"default": true
},
{
"type": "checkbox",
"id": "article_show_button",
"label": "Show read more link",
"default": true
},
{
"type": "header",
"content": "Button settings"
},
{
"type": "url",
"id": "button_link",
"label": "Button link"
},
{
"type": "text",
"id": "button_text",
"label": "Button label",
"default": "View More",
"info": "Leave it blank to hide"
},
{
"type": "select",
"id": "button_style",
"label": "Button style",
"options": [
{
"value": "sf__btn-primary",
"label": "Primary button"
},
{
"value": "sf__btn-secondary",
"label": "Secondary button"
},
{
"value": "sf__btn-white",
"label": "White button"
},
{
"value": "sf__btn-link",
"label": "Underline button"
}
],
"default": "sf__btn-primary"
},
{
"type": "select",
"id": "button_size",
"label": "Button size",
"options": [
{
"value": "sf__btn-small",
"label": "Button small"
},
{
"value": "",
"label": "Button medium"
},
{
"value": "sf__btn-large",
"label": "Button large"
}
],
"default": ""
},
{
"type": "header",
"content": "Mobile Settings"
},
{
"type": "checkbox",
"id": "use_scroll_mobile",
"label": "Enable horizontal scroll",
"default": true
},
{
"type": "header",
"content": "Section Padding"
},
{
"type": "range",
"id": "padding_top",
"label": "Padding Top",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "range",
"id": "padding_bottom",
"label": "Padding Bottom",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "header",
"content": "Custom Attributes"
},
{
"type": "text",
"id": "custom_class",
"label": "Custom classes"
}
],
"presets": [
{
"name": "Blog posts",
"category": "Blog"
}
]
}
{% endschema %}
{% render 'index-section-header', section_settings: section.settings %}
{%- assign blog = blogs[settings.blog] -%}
{% if use_scroll_mobile %}
{% endif %}
{% endif %}
{% if blog.articles.size > 0 %}
{% for article in blog.articles limit: settings.limit %}
{% endfor %}
{% endif %}
{% if section.settings.button_text != blank %}
{% capture btn_class %}sf__btn {{ section.settings.button_style }} {{ section.settings.button_size }}{% endcapture %}
{% endif %}
{% if use_scroll_mobile %}
{% render 'article-card', article: article, view: 'grid', settings: section.settings %}
{% endfor %}
{% else %}
{% for i in (1..blog_to_show) %}
{% capture current %}{% cycle 1, 2, 3, 4, 5, 6 %}{% endcapture %}
{{ 'collection-' | append: current | placeholder_svg_tag: 'object-cover sf-image--loaded w-full h-full' }}
May 27, 2021
{{ 'homepage.onboarding.blog_title' | t }}
{{ 'homepage.onboarding.blog_excerpt' | t }}
{{ 'homepage.onboarding.blog_readmore' | t }}
brand list
{% liquid
assign settings = section.settings
assign blocks = section.blocks
assign bg_color = settings.background_color
assign has_bg = false
unless bg_color == "rgba(0,0,0,0)" or bg_color == blank
assign has_bg = true
endunless
assign enable_slider = false
assign items = 1
if section.blocks.size > 2 and settings.enable_slider
assign enable_slider = true
endif
if section.blocks.size > 3
assign items = 2
endif
assign columns = 6
if settings.container == 'container'
assign columns = 4
endif
if section.blocks.size < columns
assign columns = section.blocks.size
endif
%}
{% schema %}
{
"name": "Brands list",
"settings": [
{
"type": "header",
"content": "Section header"
},
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Brand list"
},
{
"type": "text",
"id": "subheading",
"label": "Subheading"
},
{
"type": "select",
"id": "header_alignment",
"label": "Text alignment",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
}
]
},
{
"type": "header",
"content": "General"
},
{
"type": "select",
"id": "container",
"label": "Container type",
"default": "container-fluid",
"options": [
{
"value": "container-fluid",
"label": "Default"
},
{
"value": "w-full",
"label": "Full width"
},
{
"value": "container",
"label": "Use container box"
}
]
},
{
"type": "color",
"id": "background_color",
"label": "Background color",
"default": "rgba(0,0,0,0)"
},
{
"type": "range",
"id": "item_per_row",
"label": "Images per row",
"min": 2,
"max": 8,
"step": 1,
"default": 4
},
{
"type": "header",
"content": "Mobile settings"
},
{
"type": "checkbox",
"id": "enable_slider",
"label": "Enable slider",
"default": true,
"info": "Must be greater than 2 images"
},
{
"type": "checkbox",
"id": "autorotate",
"label": "Auto-rotate slides",
"default": true
},
{
"type": "range",
"id": "autorotate_speed",
"label": "Change slides every",
"max": 10,
"min": 2,
"step": 1,
"unit": "s",
"default": 3
},
{
"type": "header",
"content": "Section Padding"
},
{
"type": "range",
"id": "padding_top",
"label": "Padding Top",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "range",
"id": "padding_bottom",
"label": "Padding Bottom",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "header",
"content": "Custom Attributes"
},
{
"type": "text",
"id": "custom_class",
"label": "Custom classes"
}
],
"blocks": [
{
"type": "image",
"name": "Image",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Image"
},
{
"type": "text",
"id": "image_by_url",
"label": "Image from URL",
"info": "Enter an image URL with extension .svg, .png or .jpg"
},
{
"type": "url",
"id": "image_link",
"label": "Image Link"
},
{
"type": "text",
"id": "max_width",
"label": "Image width (px)",
"default": "150px",
"placeholder": "eg: 100px",
"info": "Leave blank to use original width."
}
]
}
],
"presets": [
{
"name": "Brands list",
"category": "Image",
"blocks": [
{
"type": "image"
},
{
"type": "image"
},
{
"type": "image"
},
{
"type": "image"
}
]
}
]
}
{% endschema %}
{% render 'index-section-header', section_settings: settings %}
{% for block in blocks %}
{% liquid
assign max_width = '100%'
assign image = block.settings.image
assign image_by_url = block.settings.image_by_url
if block.settings.max_width != blank
assign max_width = block.settings.max_width
endif
if block.settings.image_link != blank
assign tag = 'a'
else
assign tag = 'div'
endif
%}
{% if enable_slider %}
{% render 'slider-controls', custom_class: 'md:hidden', show_nav: false %}
{% endif %}
<{{ tag }} {% if block.settings.image_link != blank %}href="{{ block.settings.image_link }}"{% endif %} class="brands-list__logo h-full flex items-center{% if enable_slider == false %} px-4 py-6{% endif %}">
{% if image_by_url != blank %}
{% elsif image != blank %}
{% render 'responsive-image', image: image, wrapper_class: "w-full mx-auto", max_width: max_width %}
{% else %}
{{ 'image' | placeholder_svg_tag: 'sf__placeholder-svg w-full h-full' }}
{% endif %}
{% endfor %}
custom content
{% style %}
.product-form__actions {
margin-top: 30px;
}
.product-form__actions .product-form__actions {
margin-top: 0;
}
{% endstyle %}
{% liquid
assign bg_color = section.settings.background_color
assign has_bg = false
unless bg_color == "rgba(0,0,0,0)" or bg_color == blank
assign has_bg = true
endunless
assign scrollMobile = section.settings.use_scroll_mobile
%}
{% schema %}
{
"name": "Custom content",
"settings": [
{
"type": "header",
"content": "Section header"
},
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Custom content"
},
{
"type": "text",
"id": "subheading",
"label": "Subheading"
},
{
"type": "textarea",
"id": "description",
"label": "Description"
},
{
"type": "select",
"id": "header_alignment",
"label": "Text alignment",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
}
]
},
{
"type": "header",
"content": "General"
},
{
"type": "select",
"id": "container",
"label": "Container type",
"default": "container-fluid",
"options": [
{
"value": "container-fluid",
"label": "Default"
},
{
"value": "w-full",
"label": "Full width"
},
{
"value": "container",
"label": "Use container box"
}
]
},
{
"type": "color",
"id": "background_color",
"label": "Background color"
},
{
"type": "range",
"id": "gap",
"label": "Column gap",
"default": 30,
"min": 0,
"max": 200,
"step": 5,
"unit": "px"
},
{
"type": "header",
"content": "Mobile Settings"
},
{
"type": "checkbox",
"id": "use_scroll_mobile",
"label": "Enable horizontal scroll",
"default": false
},
{
"type": "range",
"id": "gap_mobile",
"label": "Column gap",
"default": 16,
"min": 0,
"max": 50,
"step": 1,
"unit": "px"
},
{
"type": "header",
"content": "Section Padding"
},
{
"type": "range",
"id": "padding_top",
"label": "Padding Top",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "range",
"id": "padding_bottom",
"label": "Padding Bottom",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "header",
"content": "Custom Attributes"
},
{
"type": "text",
"id": "custom_class",
"label": "Custom classes"
}
],
"blocks": [
{
"type": "text",
"name": "Text",
"settings": [
{
"type": "textarea",
"id": "title",
"label": "Heading",
"default": "Talk about your brand"
},
{
"type": "textarea",
"id": "subheading",
"label": "Subheading"
},
{
"type": "richtext",
"id": "text",
"label": "Text",
"default": "
{%- assign block_width_mobile = '' -%}
{% render 'index-section-header', section_settings: section.settings %}
{% if section.blocks.size > 0 %}
{% if scrollMobile %}
{% endif %}
{% endif %}
{% endif %}
{% for block in section.blocks %}
{% liquid
assign vertical_alignment = block.settings.alignment
case block.settings.width
when '16%'
assign block_width = 'lg:w-1/6'
assign block_width_mobile = 'w-1/2'
when '25%'
assign block_width = 'lg:w-1/4'
assign block_width_mobile = 'w-1/2'
when '33%'
assign block_width = 'lg:w-1/3'
assign block_width_mobile = 'w-full'
when '50%'
assign block_width = 'lg:w-1/2'
assign block_width_mobile = 'w-full'
when '66%'
assign block_width = 'lg:w-2/3'
assign block_width_mobile = 'w-full'
when '75%'
assign block_width = 'lg:w-3/4'
assign block_width_mobile = 'w-full'
when '83%'
assign block_width = 'lg:w-10/12'
assign block_width_mobile = 'w-full'
when '100%'
assign block_width = 'lg:w-full'
assign block_width_mobile = 'w-full'
endcase
%}
{% endfor %}
{% if scrollMobile %}
{% case block.type %}
{% when 'image' %}
{% if block.settings.image != blank %}
<{% if block.settings.link %}a{% else %}div{% endif %}{% if block.settings.link %} href="{{ block.settings.link }}"{% endif %}>
{% render 'responsive-image', image: block.settings.image %}
{% else %}
{{ 'image' | placeholder_svg_tag: 'placeholder-svg sf__placeholder-svg sf__placeholder-svg-no-border' }}
{% endif %}
{% when 'text' %}
{% endif %}
{% when 'product_form' %}
{{ 'product.css' | asset_url | stylesheet_tag }}
{% liquid
assign product = all_products[block.settings.product]
assign current_variant = product.selected_or_first_available_variant
assign section_onboarding = false
if product == empty
assign section_onboarding = true
endif
assign class = ''
if block.settings.show_quantity_selector
assign class = class | append: ' show_quantity_selector'
else
assign class = class | append: ' hide_quantity_selector'
endif
if block.settings.enable_payment_button
assign class = class | append: ' enable_payment_button'
endif
if block.settings.show_add_to_cart
assign class = class | append: ' enable_cart_button'
else
assign class = class | append: ' hide_cart_button'
endif
%}
{% when 'image_card' %}
{% render 'image-card', block: block, grid_columns: 'w-full', stack_on_mobile: scrollMobile, image_card_class: 'sf__hover-scale-up' %}
{% when 'product_bundles' %}
{% if block.settings.subheading != blank %}
{% when 'video' %}
{{ block.settings.subheading }}
{% endif %} {% if block.settings.title != blank %}{{ block.settings.title }}
{% endif %} {% if block.settings.text != blank %}{{ block.settings.text }}
{% endif %}
{% if block.settings.button_label != blank %}
{% endif %}
{%- if block.settings.video_link != blank -%}
{%- else -%}
{% when 'product' %}
{%- assign product = all_products[block.settings.product] -%}
{% if product.title.size > 0 %}
{% render 'product-card', product: product %}
{% else %}
{% comment %}
No product yet. Show onboarding one.
{% endcomment %}
{%- if block.settings.video_link != blank -%}
{%- endif -%}
{%- if block.settings.image != blank -%}
{%- endif -%}
{%- unless block.settings.video_title == blank -%}
{{ block.settings.video_title }}
{%- endunless -%}
{{ 'homepage.onboarding.no_content' | t }}
{%- endif -%}
{% capture current %}{% cycle 1, 2, 3, 4, 5, 6 %}{% endcapture %}
{{ 'collection-' | append: current | placeholder_svg_tag: 'object-cover w-full h-full transition-all duration-500 group-hover:scale-105' }}
{{ 'homepage.onboarding.product_title' | t }}
$19.99
{% if block.settings.show_vendor %}
{{ product.vendor }}
{% endif %}
{% unless section_onboarding %}
{{ product.title }}
{% else %}
{{ 'homepage.onboarding.product_title' | t }}
{% endunless %}
{% if block.settings.show_price %}
{% endunless %}
{% if product.options_with_values.size > 0 %}
{% endif %}
{% unless section_onboarding %}
{% render 'product-prices', product: product, price_class: 'text-xl' %}
{% else %}
{{ 1999 | money }}
{% endunless %}
{% endif %}
{% if block.settings.show_product_review %}
{% render 'product-reviews-app__badge', product: product %}
{% endif %}
{% unless section_onboarding %}
{{ product.description }}
{% else %}
{{ 'homepage.onboarding.product_description' | t }}
{% endunless %}
{% unless section_onboarding %}
{%- liquid
assign product_form_id = 'product-form-' | append: section.id
assign product_form_class = 'main-product-form product-form-' | append: section.id
capture is_preorder
render 'check-preorder', product: product
endcapture
if is_preorder == "true"
assign is_preorder = true
else
assign is_preorder = false
endif
-%}
{% render 'product-form',
section_id: section.id,
product: product,
section: block,
product_form_id: product_form_id,
product_form_class: product_form_class,
current_variant: current_variant,
is_preorder: is_preorder,
enable_dynamic_checkout: block.settings.enable_payment_button,
show_quantity_selector: block.settings.show_quantity_selector,
enableCardButton: block.settings.show_add_to_cart
%}
{% else %}
{% if block.settings.subheading != blank %}
{{ block.settings.subheading }}
{% endif %}
{% if block.settings.title != blank %}
{% when 'lookbook' %}
{% render 'lookbook-card', block: block, image_aspect_ratio: 'original', class: 'mb-0' %}
{% when 'countdown' %}
{% assign content_class = 'h-full items-' | append: vertical_alignment %}
{% render 'countdown-timer', settings: block.settings, containerId: block.id, content_class: content_class, align_item: block.settings.align_text %}
{% when 'html' %}
{% if block.settings.code != blank %}
{{ block.settings.code }}
{% endif %}
{% when 'newsletter' %}
{% when 'social' %}
{%- when 'article' -%}
{%- assign article = articles[block.settings.article] -%}
{%- if article != empty -%}
{% render 'article-card', article: article, view: 'grid', items_per_row: 1 %}
{%- else -%}
{% render 'article-card-placeholder' %}
{%- endif -%}
{% endcase %}
{{ block.settings.title }}
{% endif %}
{% assign products = 'product_1,product_2,product_3,product_4,product_5' | split: ',' %}
{% assign total_price = 0 %}
{% for product_id in products %}
{% liquid
assign saved_price = ''
assign product = all_products[block.settings[product_id]]
assign variant = product.first_available_variant
if variant.compare_at_price != blank and variant.compare_at_price > variant.price
assign saved_price = variant.compare_at_price | minus: variant.price | money
endif
assign sold_out = false
unless variant.available
assign sold_out = true
endunless
%}
{% if product != empty %}
{% assign total_price = total_price | plus: variant.price %}
{{ forloop.index }}
{% render 'responsive-image', image: product.featured_image %}
{% endif %}
{% endfor %}
{% if block.settings.show_reviews %}
{% render 'product-reviews-app__badge', product: product %}
{% endif %}
{{ product.title }}
{% if saved_price != blank %} {{ variant.compare_at_price | money }} {% endif %} {% unless sold_out %} {{ variant.price | money }} {% else %} {{ 'products.product.sold_out' | t }} {% endunless %}
{% if saved_price != blank %}{{ 'products.product.save_html' | t : amount: saved_price }}
{% endif %}Use this text to share information about your brand with your customers. Describe a product, share announcements, or welcome customers to your store.
" }, { "type": "select", "id": "width", "label": "Container width", "default": "50%", "options": [ { "value": "16%", "label": "16%" }, { "value": "25%", "label": "25%" }, { "value": "33%", "label": "33%" }, { "value": "50%", "label": "50%" }, { "value": "66%", "label": "66%" }, { "value": "75%", "label": "75%" }, { "value": "83%", "label": "83%" }, { "value": "100%", "label": "100%" } ] }, { "type": "select", "id": "alignment", "label": "Vertical alignment", "default": "center", "options": [ { "value": "start", "label": "Top" }, { "value": "center", "label": "Middle" }, { "value": "end", "label": "Bottom" } ] }, { "type": "select", "id": "align_text", "label": "Horizontal alignment", "default": "left", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Center" }, { "value": "right", "label": "Right" } ] }, { "type": "select", "id": "text_size", "label": "Text size", "options": [ { "value": "medium", "label": "Medium" }, { "value": "large", "label": "Large" } ], "default": "medium" }, { "type": "select", "id": "text_color", "label": "Text color", "options": [ { "value": "white", "label": "Light" }, { "value": "black", "label": "Dark" } ], "default": "black" }, { "type": "header", "content": "Button settings" }, { "type": "text", "id": "button_label", "label": "Button label" }, { "type": "url", "id": "button_link", "label": "Button link" }, { "type": "select", "id": "button_style", "label": "Button style", "options": [ { "value": "sf__btn-primary", "label": "Primary button" }, { "value": "sf__btn-secondary", "label": "Secondary button" }, { "value": "sf__btn-white", "label": "White button" }, { "value": "sf__btn-link", "label": "Underline button" } ], "default": "sf__btn-primary" }, { "type": "select", "id": "button_size", "label": "Button size", "options": [ { "value": "sf__btn-small", "label": "Button small" }, { "value": "", "label": "Button medium" }, { "value": "sf__btn-large", "label": "Button large" } ], "default": "" }, { "type": "header", "content": "Advanced settings" }, { "type": "text", "id": "block_custom_class", "label": "Custom classes" } ] }, { "type": "image", "name": "Image", "settings": [ { "type": "image_picker", "id": "image", "label": "Image" }, { "type": "url", "id": "link", "label": "Image link" }, { "type": "select", "id": "width", "label": "Container width", "default": "50%", "options": [ { "value": "16%", "label": "16%" }, { "value": "25%", "label": "25%" }, { "value": "33%", "label": "33%" }, { "value": "50%", "label": "50%" }, { "value": "66%", "label": "66%" }, { "value": "75%", "label": "75%" }, { "value": "83%", "label": "83%" }, { "value": "100%", "label": "100%" } ] }, { "type": "select", "id": "alignment", "label": "Vertical alignment", "default": "center", "options": [ { "value": "start", "label": "Top" }, { "value": "center", "label": "Middle" }, { "value": "end", "label": "Bottom" } ] }, { "type": "header", "content": "Advanced settings" }, { "type": "text", "id": "block_custom_class", "label": "Custom classes" } ] }, { "type": "video", "name": "Video", "settings": [ { "type": "video_url", "id": "video_link", "label": "Video link", "accept": [ "youtube" ], "default": "https://www.youtube.com/watch?v=_9VUPq3SxOc" }, { "type": "select", "id": "ratio", "label": "Video ratio", "default": "16:9", "options": [ { "value": "16:9", "label": "16:9" }, { "value": "21:9", "label": "21:9" }, { "value": "4:3", "label": "4:3" } ] }, { "type": "image_picker", "id": "image", "label": "Cover image", "info": "Leave blank to use video thumbnail" }, { "type": "textarea", "id": "video_title", "label": "Heading" }, { "type": "select", "id": "text_size", "label": "Text size", "default": "medium", "options": [ { "label": "Medium", "value": "medium" }, { "label": "Large", "value": "large" } ] }, { "type": "select", "id": "text_color", "label": "Text color", "options": [ { "label": "Dark", "value": "black" }, { "label": "Light", "value": "white" } ], "default": "white" }, { "type": "select", "id": "play_style", "label": "Play button style", "options": [ { "label": "Outline", "value": "outline" }, { "label": "Solid", "value": "solid" } ], "default": "solid" }, { "type": "select", "id": "play_size", "label": "Play button size", "options": [ { "label": "Medium", "value": "medium" }, { "label": "Large", "value": "large" } ], "default": "medium" }, { "type": "checkbox", "id": "autoplay", "label": "Autoplay", "default": false }, { "type": "checkbox", "id": "loop", "label": "Loop", "default": false }, { "type": "checkbox", "id": "muted", "label": "Muted", "default": false }, { "type": "select", "id": "width", "label": "Container width", "default": "50%", "options": [ { "value": "16%", "label": "16%" }, { "value": "25%", "label": "25%" }, { "value": "33%", "label": "33%" }, { "value": "50%", "label": "50%" }, { "value": "66%", "label": "66%" }, { "value": "75%", "label": "75%" }, { "value": "83%", "label": "83%" }, { "value": "100%", "label": "100%" } ] }, { "type": "select", "id": "alignment", "label": "Vertical alignment", "default": "start", "options": [ { "value": "start", "label": "Top" }, { "value": "center", "label": "Middle" }, { "value": "end", "label": "Bottom" } ] }, { "type": "header", "content": "Advanced settings" }, { "type": "text", "id": "block_custom_class", "label": "Custom classes" } ] }, { "type": "product", "name": "Product", "settings": [ { "type": "product", "id": "product", "label": "Product" }, { "type": "select", "id": "width", "label": "Container width", "default": "50%", "options": [ { "value": "16%", "label": "16%" }, { "value": "25%", "label": "25%" }, { "value": "33%", "label": "33%" }, { "value": "50%", "label": "50%" }, { "value": "66%", "label": "66%" }, { "value": "75%", "label": "75%" }, { "value": "83%", "label": "83%" }, { "value": "100%", "label": "100%" } ] }, { "type": "select", "id": "alignment", "label": "Vertical alignment", "default": "center", "options": [ { "value": "start", "label": "Top" }, { "value": "center", "label": "Middle" }, { "value": "end", "label": "Bottom" } ] }, { "type": "header", "content": "Advanced settings" }, { "type": "text", "id": "block_custom_class", "label": "Custom classes" } ] }, { "type": "product_form", "name": "Product form", "settings": [ { "type": "product", "id": "product", "label": "Product" }, { "type": "checkbox", "id": "show_quantity_selector", "label": "Show quantity selector", "default": false }, { "type": "checkbox", "id": "show_vendor", "label": "Show vendor", "default": true }, { "type": "checkbox", "id": "show_price", "label": "Show price", "default": true }, { "type": "checkbox", "id": "show_add_to_cart", "label": "Show cart button", "default": true }, { "type": "checkbox", "id": "show_product_review", "label": "Show review", "default": true }, { "type": "checkbox", "id": "enable_payment_button", "label": "Show dynamic checkout button", "info": "Each customer will see their preferred payment method from those available on your store, such as PayPal or Apple Pay. [Learn more](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)", "default": true }, { "type": "select", "id": "width", "label": "Container width", "default": "50%", "options": [ { "value": "16%", "label": "16%" }, { "value": "25%", "label": "25%" }, { "value": "33%", "label": "33%" }, { "value": "50%", "label": "50%" }, { "value": "66%", "label": "66%" }, { "value": "75%", "label": "75%" }, { "value": "83%", "label": "83%" }, { "value": "100%", "label": "100%" } ] }, { "type": "select", "id": "alignment", "label": "Vertical alignment", "default": "center", "options": [ { "value": "start", "label": "Top" }, { "value": "center", "label": "Middle" }, { "value": "end", "label": "Bottom" } ] }, { "type": "header", "content": "Advanced settings" }, { "type": "text", "id": "block_custom_class", "label": "Custom classes" } ] }, { "type": "article", "name": "Article", "settings": [ { "type": "article", "id": "article", "label": "Article" }, { "type": "select", "id": "width", "label": "Container width", "default": "50%", "options": [ { "value": "25%", "label": "25%" }, { "value": "33%", "label": "33%" }, { "value": "50%", "label": "50%" }, { "value": "66%", "label": "66%" }, { "value": "75%", "label": "75%" }, { "value": "100%", "label": "100%" } ] }, { "type": "header", "content": "Advanced settings" }, { "type": "text", "id": "block_custom_class", "label": "Custom classes" } ] }, { "type": "image_card", "name": "Image card", "settings": [ { "type": "select", "id": "width", "label": "Container width", "default": "50%", "options": [ { "value": "16%", "label": "16%" }, { "value": "25%", "label": "25%" }, { "value": "33%", "label": "33%" }, { "value": "50%", "label": "50%" }, { "value": "66%", "label": "66%" }, { "value": "75%", "label": "75%" }, { "value": "83%", "label": "83%" }, { "value": "100%", "label": "100%" } ] }, { "type": "select", "id": "content_position", "label": "Content position", "options": [ { "value": "top_left", "label": "Top left" }, { "value": "top_center", "label": "Top center" }, { "value": "top_right", "label": "Top right" }, { "value": "center_left", "label": "Middle left" }, { "value": "center_center", "label": "Middle center" }, { "value": "center_right", "label": "Middle right" }, { "value": "bottom_left", "label": "Bottom left" }, { "value": "bottom_center", "label": "Bottom center" }, { "value": "bottom_right", "label": "Bottom right" } ], "default": "bottom_center" }, { "type": "select", "id": "content_alignment", "label": "Content alignment", "default": "center", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Center" }, { "value": "right", "label": "Right" } ] }, { "type": "select", "id": "text_size", "label": "Text size", "options": [ { "value": "medium", "label": "Medium" }, { "value": "large", "label": "Large" } ], "default": "medium" }, { "type": "select", "id": "text_color", "label": "Text color", "options": [ { "value": "white", "label": "Light" }, { "value": "black", "label": "Dark" } ], "default": "black" }, { "type": "header", "content": "Content" }, { "type": "image_picker", "id": "image", "label": "Image" }, { "type": "url", "id": "link", "label": "Image link" }, { "type": "text", "id": "title", "label": "Heading" }, { "type": "textarea", "id": "subtitle", "label": "Sub heading" }, { "type": "header", "content": "Button settings" }, { "type": "text", "id": "button_label", "label": "Button label" }, { "type": "select", "id": "button_style", "label": "Button style", "options": [ { "value": "sf__btn-primary", "label": "Primary button" }, { "value": "sf__btn-secondary", "label": "Secondary button" }, { "value": "sf__btn-white", "label": "White button" }, { "value": "sf__btn-link", "label": "Underline button" } ], "default": "sf__btn-primary" }, { "type": "select", "id": "button_size", "label": "Button size", "options": [ { "value": "sf__btn-small", "label": "Button small" }, { "value": "", "label": "Button medium" }, { "value": "sf__btn-large", "label": "Button large" } ], "default": "" }, { "type": "header", "content": "Advanced settings" }, { "type": "text", "id": "block_custom_class", "label": "Custom classes" } ] }, { "type": "lookbook", "name": "Lookbook item", "settings": [ { "type": "select", "id": "width", "label": "Container width", "default": "50%", "options": [ { "value": "16%", "label": "16%" }, { "value": "25%", "label": "25%" }, { "value": "33%", "label": "33%" }, { "value": "50%", "label": "50%" }, { "value": "66%", "label": "66%" }, { "value": "75%", "label": "75%" }, { "value": "83%", "label": "83%" }, { "value": "100%", "label": "100%" } ] }, { "type": "image_picker", "id": "image", "label": "Image" }, { "type": "header", "content": "Product 1" }, { "type": "range", "id": "top_1", "label": "Offset top", "min": 0, "max": 100, "unit": "%", "step": 1, "default": 9 }, { "type": "range", "id": "left_1", "label": "Offset left", "min": 0, "max": 100, "unit": "%", "step": 1, "default": 63 }, { "type": "product", "id": "product_1", "label": "Select product" }, { "type": "header", "content": "Product 2" }, { "type": "range", "id": "top_2", "label": "Offset top", "min": 0, "max": 100, "unit": "%", "step": 1, "default": 26 }, { "type": "range", "id": "left_2", "label": "Offset left", "min": 0, "max": 100, "unit": "%", "step": 1, "default": 50 }, { "type": "product", "id": "product_2", "label": "Select product" }, { "type": "header", "content": "Product 3" }, { "type": "range", "id": "top_3", "label": "Offset top", "min": 0, "max": 100, "unit": "%", "step": 1, "default": 61 }, { "type": "range", "id": "left_3", "label": "Offset left", "min": 0, "max": 100, "unit": "%", "step": 1, "default": 48 }, { "type": "product", "id": "product_3", "label": "Select product" }, { "type": "header", "content": "Product 4" }, { "type": "range", "id": "top_4", "label": "Offset top", "min": 0, "max": 100, "unit": "%", "step": 1, "default": 0 }, { "type": "range", "id": "left_4", "label": "Offset left", "min": 0, "max": 100, "unit": "%", "step": 1, "default": 0 }, { "type": "product", "id": "product_4", "label": "Select product" }, { "type": "header", "content": "Product 5" }, { "type": "range", "id": "top_5", "label": "Offset top", "min": 0, "max": 100, "unit": "%", "step": 1, "default": 20 }, { "type": "range", "id": "left_5", "label": "Offset left", "min": 0, "max": 100, "unit": "%", "step": 1, "default": 0 }, { "type": "product", "id": "product_5", "label": "Select product" }, { "type": "header", "content": "Advanced settings" }, { "type": "text", "id": "block_custom_class", "label": "Custom classes" } ] }, { "type": "product_bundles", "name": "Product bundles", "settings": [ { "type": "select", "id": "width", "label": "Container width", "default": "50%", "options": [ { "value": "16%", "label": "16%" }, { "value": "25%", "label": "25%" }, { "value": "33%", "label": "33%" }, { "value": "50%", "label": "50%" }, { "value": "66%", "label": "66%" }, { "value": "75%", "label": "75%" }, { "value": "83%", "label": "83%" }, { "value": "100%", "label": "100%" } ] }, { "type": "select", "id": "alignment", "label": "Vertical alignment", "default": "center", "options": [ { "value": "start", "label": "Top" }, { "value": "center", "label": "Middle" }, { "value": "end", "label": "Bottom" } ] }, { "type": "textarea", "id": "title", "label": "Heading" }, { "type": "text", "id": "subheading", "label": "Subheading" }, { "type": "checkbox", "id": "show_reviews", "label": "Show reviews badge" }, { "type": "header", "content": "Products" }, { "type": "product", "id": "product_1", "label": "Product 1" }, { "type": "product", "id": "product_2", "label": "Product 2" }, { "type": "product", "id": "product_3", "label": "Product 3" }, { "type": "product", "id": "product_4", "label": "Product 4" }, { "type": "product", "id": "product_5", "label": "Product 5" }, { "type": "header", "content": "Advanced settings" }, { "type": "text", "id": "block_custom_class", "label": "Custom classes" } ] }, { "type": "countdown", "name": "Countdown timer", "settings": [ { "type": "select", "id": "width", "label": "Container width", "default": "50%", "options": [ { "value": "16%", "label": "16%" }, { "value": "25%", "label": "25%" }, { "value": "33%", "label": "33%" }, { "value": "50%", "label": "50%" }, { "value": "66%", "label": "66%" }, { "value": "75%", "label": "75%" }, { "value": "83%", "label": "83%" }, { "value": "100%", "label": "100%" } ] }, { "type": "select", "id": "alignment", "label": "Vertical alignment", "default": "center", "options": [ { "value": "start", "label": "Top" }, { "value": "center", "label": "Middle" }, { "value": "end", "label": "Bottom" } ] }, { "type": "select", "id": "align", "label": "Horizontal alignment", "default": "end", "options": [ { "value": "start", "label": "Left" }, { "value": "center", "label": "Center" }, { "value": "end", "label": "Right" } ] }, { "type": "text", "id": "time", "label": "End time", "default": "2021-12-26 23:00:00", "info": "Date format: YYYY-MM-DD HH:MM:ss" }, { "type": "text", "id": "heading", "label": "Heading" }, { "type": "header", "content": "Button settings" }, { "type": "text", "id": "button_label", "label": "Button label" }, { "type": "url", "id": "button_link", "label": "Button link" }, { "type": "select", "id": "button_style", "label": "Button style", "options": [ { "value": "sf__btn-primary", "label": "Primary button" }, { "value": "sf__btn-secondary", "label": "Secondary button" }, { "value": "sf__btn-white", "label": "White button" }, { "value": "sf__btn-link", "label": "Underline button" } ], "default": "sf__btn-primary" }, { "type": "select", "id": "button_size", "label": "Button size", "options": [ { "value": "sf__btn-small", "label": "Button small" }, { "value": "", "label": "Button medium" }, { "value": "sf__btn-large", "label": "Button large" } ], "default": "" }, { "type": "header", "content": "Advanced settings" }, { "type": "text", "id": "block_custom_class", "label": "Custom classes" } ] }, { "type": "social", "name": "Social profiles", "settings": [ { "type": "paragraph", "content": "Go to Theme settings > Store contact to update the social links." }, { "type": "text", "id": "heading", "default": "Follow us on", "label": "Heading" }, { "type": "richtext", "id": "description", "label": "Description" }, { "type": "select", "id": "width", "label": "Container width", "default": "50%", "options": [ { "value": "16%", "label": "16%" }, { "value": "25%", "label": "25%" }, { "value": "33%", "label": "33%" }, { "value": "50%", "label": "50%" }, { "value": "66%", "label": "66%" }, { "value": "75%", "label": "75%" }, { "value": "83%", "label": "83%" }, { "value": "100%", "label": "100%" } ] }, { "type": "header", "content": "Advanced settings" }, { "type": "text", "id": "block_custom_class", "label": "Custom classes" } ] }, { "type": "newsletter", "name": "Newsletter form", "settings": [ { "type": "text", "id": "heading", "label": "Heading", "default": "Subscribe to our newsletter" }, { "type": "richtext", "id": "description", "label": "Description", "default": "Shapes and proportions are for your intellect. I’ve treated the waistcoat as if it were a corset.
" }, { "type": "select", "id": "form_design", "label": "Form style", "default": "1", "options": [ { "value": "1", "label": "Bordered" }, { "value": "2", "label": "Minimal" } ] }, { "type": "text", "id": "placeholder", "label": "Email placeholder text", "default": "Enter your email address" }, { "type": "text", "id": "submit_button", "label": "Button label", "default": "Subscribe" }, { "type": "select", "id": "width", "label": "Container width", "default": "50%", "options": [ { "value": "16%", "label": "16%" }, { "value": "25%", "label": "25%" }, { "value": "33%", "label": "33%" }, { "value": "50%", "label": "50%" }, { "value": "66%", "label": "66%" }, { "value": "75%", "label": "75%" }, { "value": "83%", "label": "83%" }, { "value": "100%", "label": "100%" } ] }, { "type": "header", "content": "Advanced settings" }, { "type": "text", "id": "block_custom_class", "label": "Custom classes" } ] }, { "type": "html", "name": "Custom HTML", "settings": [ { "type": "html", "id": "code", "label": "HTML" }, { "type": "select", "id": "width", "label": "Container width", "default": "50%", "options": [ { "value": "16%", "label": "16%" }, { "value": "25%", "label": "25%" }, { "value": "33%", "label": "33%" }, { "value": "50%", "label": "50%" }, { "value": "66%", "label": "66%" }, { "value": "75%", "label": "75%" }, { "value": "83%", "label": "83%" }, { "value": "100%", "label": "100%" } ] }, { "type": "header", "content": "Advanced settings" }, { "type": "text", "id": "block_custom_class", "label": "Custom classes" } ] } ], "presets": [ { "name": "Custom content", "category": "Advanced layout", "blocks": [ { "type": "text" }, { "type": "image" } ] } ] } {% endschema %}featured prodct list
{%- liquid
assign bg_color = section.settings.background_color
assign has_bg = false
unless bg_color == "rgba(0,0,0,0)" or bg_color == blank
assign has_bg = true
endunless
assign image_ratio = section.settings.pcard_image_ratio
assign show_vendor = section.settings.show_vendor
assign pcard_alignment = section.settings.pcard_alignment
assign card_style = section.settings.pcard_layout
-%}
{% schema %}
{
"name": "Featured products slider",
"settings": [
{
"type": "header",
"content": "Section header"
},
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Featured products"
},
{
"type": "text",
"id": "subheading",
"label": "Subheading"
},
{
"type": "textarea",
"id": "description",
"label": "Description"
},
{
"type": "select",
"id": "header_alignment",
"label": "Text alignment",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
}
]
},
{
"type": "header",
"content": "General"
},
{
"type": "select",
"id": "container",
"label": "Container type",
"default": "container-fluid",
"options": [
{
"value": "container-fluid",
"label": "Default"
},
{
"value": "w-full",
"label": "Full width"
},
{
"value": "container",
"label": "Use container box"
}
]
},
{
"type": "color",
"id": "background_color",
"label": "Background color",
"default": "rgba(0,0,0,0)"
},
{
"type": "select",
"id": "image_placement",
"label": "Image placement",
"default": "right",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "header",
"content": "Slider settings"
},
{
"type": "checkbox",
"id": "slide_autoplay",
"label": "Auto-rotate slides",
"default": false
},
{
"type": "checkbox",
"id": "show_navigation",
"label": "Show navigation",
"default": false
},
{
"type": "checkbox",
"id": "show_pagination",
"label": "Show pagination",
"default": true
},
{
"type": "range",
"id": "autorotate_speed",
"label": {
"en": "Change slides every"
},
"info": {
"en": "Work when auto-rotate"
},
"max": 10,
"min": 2,
"step": 1,
"unit": "s",
"default": 5
},
{
"type": "header",
"content": "Product card settings"
},
{
"type": "select",
"id": "pcard_layout",
"label": "Design layout",
"default": "",
"options": [
{
"value": "",
"label": "Use global settings"
},
{
"value": "1",
"label": "Style 1"
},
{
"value": "2",
"label": "Style 2"
},
{
"value": "3",
"label": "Style 3"
},
{
"value": "4",
"label": "Style 4"
}
]
},
{
"type": "select",
"id": "pcard_alignment",
"label": "Content alignment",
"default": "left",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "select",
"id": "pcard_image_ratio",
"label": "Image aspect ratio",
"default": "",
"options": [
{
"value": "",
"label": "Use global settings"
},
{
"value": "original",
"label": "Original aspect ratio"
},
{
"value": "1/1",
"label": "1:1"
},
{
"value": "3/4",
"label": "3:4"
},
{
"value": "4/3",
"label": "4:3"
},
{
"value": "16/9",
"label": "16:9"
}
]
},
{
"type": "checkbox",
"id": "show_vendor",
"label": "Show product vendors",
"default": false
},
{
"type": "header",
"content": "Section Padding"
},
{
"type": "range",
"id": "padding_top",
"label": "Padding Top",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "range",
"id": "padding_bottom",
"label": "Padding Bottom",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "header",
"content": "Custom Attributes"
},
{
"type": "text",
"id": "custom_class",
"label": "Custom classes"
}
],
"blocks": [
{
"type": "product",
"name": "Product",
"settings": [
{
"type": "text",
"id": "heading",
"label": "Heading"
},
{
"type": "richtext",
"id": "description",
"label": "Description"
},
{
"type": "product",
"id": "product",
"label": "Product"
},
{
"type": "image_picker",
"id": "image",
"label": "Featured image"
}
]
}
],
"templates": [
"index"
],
"presets": [
{
"name": "Featured products slider",
"category": "Product",
"blocks": [
{
"type": "product"
},
{
"type": "product"
},
{
"type": "product"
}
]
}
]
}
{% endschema %}
image cards (snippets)
{% liquid
assign image = block.settings.image
assign text_size = block.settings.text_size
assign text_color = block.settings.text_color
assign content_position = ''
case block.settings.content_position
when 'top_left'
assign content_position = ' items-start justify-start'
if stack_on_mobile == true
assign content_position = ' justify-center sm:items-start sm:justify-start'
endif
when 'top_right'
assign content_position = ' justify-end items-start'
if stack_on_mobile == true
assign content_position = ' justify-center sm:items-start sm:justify-end'
endif
when 'top_center'
assign content_position = ' items-start justify-center'
if stack_on_mobile == true
assign content_position = ' justify-center sm:items-start sm:justify-center'
endif
when 'bottom_left'
assign content_position = ' items-end justify-start'
if stack_on_mobile == true
assign content_position = ' justify-center sm:items-end sm:justify-start'
endif
when 'bottom_right'
assign content_position = ' items-end justify-end'
if stack_on_mobile == true
assign content_position = ' justify-center sm:items-end sm:justify-end'
endif
when 'bottom_center'
assign content_position = ' justify-center items-end'
if stack_on_mobile == true
assign content_position = ' justify-center sm:items-end sm:justify-center'
endif
when 'center_left'
assign content_position = ' justify-start items-center'
if stack_on_mobile == true
assign content_position = ' justify-center sm:items-center sm:justify-start'
endif
when 'center_right'
assign content_position = ' items-center justify-end'
if stack_on_mobile == true
assign content_position = ' justify-center sm:items-center sm:justify-end'
endif
else
assign content_position = ' items-center justify-center'
endcase
assign content_class = ' pointer-events-none absolute p-5 sm:p-10 inset-0' | append: content_position
if stack_on_mobile == true
assign content_class = ' sm:pointer-events-none sm:absolute inset-0 px-3 pt-2.5 sm:p-10' | append: content_position
endif
%}
{% if image != blank %}
<{% if block.settings.link %}a{% else %}div{% endif %} class="image-card__img block h-full" href="{{ block.settings.link | default: "#" }}">
{% render 'responsive-image', image: image, wrapper_class: 'w-full h-full' %}
{% else %}
{% capture current %}{% cycle 1, 2, 3, 4, 5 %}{% endcapture %}
{{ 'collection-' | append: current | placeholder_svg_tag: 'sf__placeholder-svg sf__placeholder-svg-no-border object-cover w-full h-full' }}
{% endif %}
{% if block.settings.subtitle != blank %}
{% if block.settings.button_label != blank %}
{{ block.settings.button_label }}
{% endif %}
{{ block.settings.subtitle }}
{% endif %} {% if block.settings.title != blank %}{{ block.settings.title }}
{% endif %}
{{ 'instagram.css' | asset_url | stylesheet_tag }}
{% liquid
assign section_settings = section.settings
assign bg_color = section_settings.background_color
assign has_bg = false
unless bg_color == "rgba(0,0,0,0)" or bg_color == blank
assign has_bg = true
endunless
assign columns = section_settings.grid_columns
assign images_count = section_settings.images_count
if section_settings.layout == 'metro'
if columns >= 8
assign columns = 8
else
assign columns = 6
endif
endif
%}
{% schema %}
{
"name": "Instagram",
"settings": [
{
"type": "paragraph",
"content": "Go to: \"Theme settings > Integration\" to update Instagram token"
},
{
"type": "header",
"content": "Section header"
},
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "On the Gram"
},
{
"type": "text",
"id": "subheading",
"label": "Subheading"
},
{
"type": "textarea",
"id": "description",
"label": "Description"
},
{
"type": "select",
"id": "header_alignment",
"label": "Text alignment",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
}
]
},
{
"type": "header",
"content": "General"
},
{
"type": "select",
"id": "container",
"label": "Container type",
"default": "container-fluid",
"options": [
{
"value": "container-fluid",
"label": "Default"
},
{
"value": "w-full",
"label": "Full width"
},
{
"value": "container",
"label": "Use container box"
}
]
},
{
"type": "color",
"id": "background_color",
"label": "Background color",
"default": "rgba(0,0,0,0)"
},
{
"type": "header",
"content": "Settings"
},
{
"type": "select",
"id": "layout",
"label": "Layout",
"default": "grid",
"options": [
{
"value": "grid",
"label": "Grid"
},
{
"value": "metro",
"label": "Metro"
}
]
},
{
"type": "range",
"min": 4,
"max": 24,
"step": 1,
"id": "images_count",
"label": "Images to show",
"default": 4
},
{
"type": "header",
"content": "Grid settings"
},
{
"type": "range",
"id": "grid_columns",
"label": "Images per row",
"min": 4,
"max": 12,
"step": 1,
"default": 4
},
{
"type": "range",
"id": "gap",
"label": "Image gap",
"min": 0,
"max": 50,
"default": 30,
"unit": "px"
},
{
"type": "range",
"id": "mobile_gap",
"label": "Image gap on mobile",
"min": 0,
"max": 30,
"step": 2,
"default": 10,
"unit": "px"
},
{
"type": "header",
"content": "Follow button",
"info": "This button show only on Metro layout"
},
{
"type": "text",
"id": "profile",
"label": "Profile URL",
"default": "https://www.instagram.com/minimog.trendy/"
},
{
"type": "text",
"id": "button_label",
"label": "Button label"
},
{
"type": "header",
"content": "Section Padding"
},
{
"type": "range",
"id": "padding_top",
"label": "Padding Top",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "range",
"id": "padding_bottom",
"label": "Padding Bottom",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "header",
"content": "Custom Attributes"
},
{
"type": "text",
"id": "custom_class",
"label": "Custom classes"
}
],
"presets": [
{
"name": "Instagram",
"category": "Image"
}
]
}
{% endschema %}
{% if section_settings.subheading != blank %}
{{ section_settings.subheading }}
{% endif %} {% if section_settings.heading != blank %}{{ section_settings.heading }}
{% endif %} {% if section_settings.description != blank %}{{ section_settings.description }}
{% endif %}
{% if section_settings.profile != blank and section_settings.button_label != blank %}
{% endif %}
{% if section_settings.layout == 'metro' %}
{% liquid
assign header_class = 'col-start-3 col-end-5'
if columns == 8
assign header_class = 'col-start-3 col-end-5 xl:col-start-4 xl:col-end-6'
endif
assign row_end = 3
if images_count > 12 and columns == 8
assign row_end = 4
endif
if images_count > 8 and columns == 6
assign row_end = 4
endif
%}
{% if section_settings.subheading != blank %}
{% endif %}
{{ section_settings.subheading }}
{% endif %} {% if section_settings.heading != blank %}{{ section_settings.heading }}
{% endif %} {% if section_settings.description != blank %}{{ section_settings.description }}
{% endif %}
{% if section_settings.profile != blank and section_settings.button_label != blank %}
{{ section_settings.button_label }}
{% endif %}
lookbook
{% liquid
assign settings = section.settings
assign bg_color = section.settings.background_color
assign has_bg = false
unless bg_color == "rgba(0,0,0,0)" or bg_color == blank
assign has_bg = true
endunless
%}
{% schema %}
{
"name": "Lookbook",
"settings": [
{
"type": "header",
"content": "Section header"
},
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Hand-picked"
},
{
"type": "text",
"id": "subheading",
"label": "Subheading"
},
{
"type": "textarea",
"id": "description",
"label": "Description"
},
{
"type": "select",
"id": "header_alignment",
"label": "Text alignment",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
}
]
},
{
"type": "header",
"content": "General"
},
{
"type": "select",
"id": "container",
"label": "Container type",
"default": "container-fluid",
"options": [
{
"value": "container-fluid",
"label": "Default"
},
{
"value": "w-full",
"label": "Full width"
},
{
"value": "container",
"label": "Use container box"
}
]
},
{
"type": "color",
"id": "background_color",
"label": "Background color",
"default": "rgba(0,0,0,0)"
},
{
"type": "select",
"id": "image_aspect_ratio",
"label": "Image aspect ratio",
"default": "3/4",
"options": [
{
"value": "original",
"label": "Adapt to image"
},
{
"value": "1/1",
"label": "1:1"
},
{
"value": "3/4",
"label": "3:4"
},
{
"value": "4/3",
"label": "4:3"
},
{
"value": "16/9",
"label": "16:9"
}
]
},
{
"type": "header",
"content": "Section Padding"
},
{
"type": "range",
"id": "padding_top",
"label": "Padding Top",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "range",
"id": "padding_bottom",
"label": "Padding Bottom",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "header",
"content": "Custom Attributes"
},
{
"type": "text",
"id": "custom_class",
"label": "Custom classes"
}
],
"max_blocks": 3,
"blocks": [
{
"type": "item",
"name": "Item",
"settings": [
{
"type": "header",
"content": "General"
},
{
"type": "image_picker",
"id": "image",
"label": "Image"
},
{
"type": "text",
"id": "button_text",
"label": "Title",
"default": "Shop this collection"
},
{
"type": "url",
"id": "button_link",
"label": "Title link"
},
{
"type": "select",
"id": "button_style",
"label": "Button style",
"default": "dark",
"options": [
{
"value": "dark",
"label": "Dark"
},
{
"value": "light",
"label": "Light"
}
]
},
{
"type": "header",
"content": "Product 1"
},
{
"type": "range",
"id": "top_1",
"label": "Offset top",
"min": 0,
"max": 100,
"unit": "%",
"step": 1,
"default": 9
},
{
"type": "range",
"id": "left_1",
"label": "Offset left",
"min": 0,
"max": 100,
"unit": "%",
"step": 1,
"default": 63
},
{
"type": "product",
"id": "product_1",
"label": "Select product"
},
{
"type": "header",
"content": "Product 2"
},
{
"type": "range",
"id": "top_2",
"label": "Offset top",
"min": 0,
"max": 100,
"unit": "%",
"step": 1,
"default": 26
},
{
"type": "range",
"id": "left_2",
"label": "Offset left",
"min": 0,
"max": 100,
"unit": "%",
"step": 1,
"default": 50
},
{
"type": "product",
"id": "product_2",
"label": "Select product"
},
{
"type": "header",
"content": "Product 3"
},
{
"type": "range",
"id": "top_3",
"label": "Offset top",
"min": 0,
"max": 100,
"unit": "%",
"step": 1,
"default": 61
},
{
"type": "range",
"id": "left_3",
"label": "Offset left",
"min": 0,
"max": 100,
"unit": "%",
"step": 1,
"default": 48
},
{
"type": "product",
"id": "product_3",
"label": "Select product"
},
{
"type": "header",
"content": "Product 4"
},
{
"type": "range",
"id": "top_4",
"label": "Offset top",
"min": 0,
"max": 100,
"unit": "%",
"step": 1,
"default": 0
},
{
"type": "range",
"id": "left_4",
"label": "Offset left",
"min": 0,
"max": 100,
"unit": "%",
"step": 1,
"default": 0
},
{
"type": "product",
"id": "product_4",
"label": "Select product"
},
{
"type": "header",
"content": "Product 5"
},
{
"type": "range",
"id": "top_5",
"label": "Offset top",
"min": 0,
"max": 100,
"unit": "%",
"step": 1,
"default": 20
},
{
"type": "range",
"id": "left_5",
"label": "Offset left",
"min": 0,
"max": 100,
"unit": "%",
"step": 1,
"default": 0
},
{
"type": "product",
"id": "product_5",
"label": "Select product"
}
]
}
],
"presets": [
{
"name": "Lookbook",
"category": "Lookbook",
"blocks": [
{
"type": "item"
},
{
"type": "item"
}
]
}
]
}
{% endschema %}
{% render 'index-section-header', section_settings: section.settings %}
{% if section.blocks.size > 0 %}
{% for block in section.blocks %}
{% assign custom_class = 'mb-0' %}
{% if block.settings.button_text != blank %}
{% assign custom_class = 'mb-10' %}
{% endif %}
{% endif %}
{% render 'lookbook-card', block: block, image_aspect_ratio: section.settings.image_aspect_ratio, class: custom_class %}
{% endfor %}
press
{% liquid
assign settings = section.settings
assign bg_color = section.settings.background_color
assign has_bg = false
unless bg_color == "rgba(0,0,0,0)" or bg_color == blank
assign has_bg = true
endunless
assign items = section.blocks.size
%}
{% schema %}
{
"name": "Press",
"settings": [
{
"type": "header",
"content": "Section header"
},
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Featured in"
},
{
"type": "text",
"id": "subheading",
"label": "Subheading"
},
{
"type": "textarea",
"id": "description",
"label": "Description"
},
{
"type": "select",
"id": "header_alignment",
"label": "Text alignment",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
}
]
},
{
"type": "header",
"content": "General"
},
{
"type": "select",
"id": "container",
"label": "Container type",
"default": "container-fluid",
"options": [
{
"value": "container-fluid",
"label": "Default"
},
{
"value": "w-full",
"label": "Full width"
},
{
"value": "container",
"label": "Use container box"
}
]
},
{
"type": "color",
"id": "background_color",
"label": "Background color"
},
{
"type": "checkbox",
"id": "show_divider",
"label": "Show divider"
},
{
"type": "checkbox",
"id": "autoplay",
"label": "Auto-rotate content"
},
{
"type": "header",
"content": "Section Padding"
},
{
"type": "range",
"id": "padding_top",
"label": "Padding Top",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "range",
"id": "padding_bottom",
"label": "Padding Bottom",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "header",
"content": "Custom Attributes"
},
{
"type": "text",
"id": "custom_class",
"label": "Custom classes"
}
],
"blocks": [
{
"type": "news",
"name": "Newspaper",
"settings": [
{
"type": "richtext",
"id": "title",
"label": "Content",
"default": "
{% render 'index-section-header', section_settings: section.settings %}
{% render 'slider-controls', show_nav: false, custom_class: 'sm:hidden' %}
{% for block in section.blocks %}
{% if block.settings.title == blank %}
{% continue %}
{% endif %}
{% endfor %}
{% for block in section.blocks %}
{% liquid
if block.settings.title == blank
continue
endif
assign max_width = '100%'
if block.settings.image_width != blank
assign max_width = block.settings.image_width
endif
%}
{% endfor %}
Super class, cute, comfortable. You can wear them with just about anything.
" }, { "type": "image_picker", "id": "image", "label": "Image" }, { "type": "text", "id": "image_width", "label": "Image width (px)", "placeholder": "eg: 100px", "default": "150px", "info": "Leave blank to use original width." }, { "type": "text", "id": "url", "label": "Link" } ] } ], "presets": [ { "name": "Press", "category": "Promotional", "blocks": [ { "type": "news" }, { "type": "news" }, { "type": "news" }, { "type": "news" }, { "type": "news" }, { "type": "news" } ] } ] } {% endschema %}product tabs
{%- liquid
assign bg_color = section.settings.background_color
assign has_bg = false
unless bg_color == "rgba(0,0,0,0)" or bg_color == blank
assign has_bg = true
endunless
assign button_type = section.settings.button_type
assign product_limit = section.settings.limit
assign can_load = false
if button_type == 'load'
assign can_load = true
endif
assign enable_slider = false
if section.settings.enable_slider
assign enable_slider = true
assign can_load = false
endif
assign items_per_row = section.settings.items_per_row
assign card_style = section.settings.pcard_layout
assign image_ratio = section.settings.pcard_image_ratio
assign show_vendor = section.settings.show_vendor
assign tab_header = section.settings.tab_header
assign button_type = section.settings.button_type
assign use_scroll_mobile = section.settings.use_scroll_mobile
-%}
{% schema %}
{
"name": "Product tabs",
"settings": [
{
"type": "header",
"content": "Section header"
},
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Product tabs"
},
{
"type": "text",
"id": "subheading",
"label": "Subheading"
},
{
"type": "textarea",
"id": "description",
"label": "Description"
},
{
"type": "select",
"id": "header_alignment",
"label": "Text alignment",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
}
]
},
{
"type": "header",
"content": "General"
},
{
"type": "select",
"id": "container",
"label": "Container type",
"default": "container-fluid",
"options": [
{
"value": "container-fluid",
"label": "Default"
},
{
"value": "w-full",
"label": "Full width"
},
{
"value": "container",
"label": "Use container box"
}
]
},
{
"type": "color",
"id": "background_color",
"label": "Background color",
"default": "rgba(0,0,0,0)"
},
{
"type": "header",
"content": "Layout"
},
{
"type": "select",
"id": "tab_header",
"label": "Tab header type",
"default": "horizontal",
"options": [
{
"value": "horizontal",
"label": "Horizontal"
},
{
"value": "select",
"label": "Title with select"
}
]
},
{
"type": "range",
"id": "limit",
"label": "Products to show",
"min": 2,
"max": 30,
"step": 1,
"default": 4
},
{
"type": "checkbox",
"id": "show_button",
"label": "Show \"View all\" button",
"default": false
},
{
"type": "select",
"id": "button_type",
"label": "Button type",
"options": [
{
"value": "link",
"label": "Link to collection page"
},
{
"value": "load",
"label": "Load more products"
}
],
"default": "link"
},
{
"type": "text",
"id": "button_label",
"label": "Button label",
"default": "View all"
},
{
"type": "select",
"id": "button_style",
"label": "Button style",
"options": [
{
"value": "sf__btn-primary",
"label": "Primary button"
},
{
"value": "sf__btn-secondary",
"label": "Secondary button"
},
{
"value": "sf__btn-white",
"label": "White button"
},
{
"value": "sf__btn-link",
"label": "Underline button"
}
],
"default": "sf__btn-primary"
},
{
"type": "select",
"id": "button_size",
"label": "Button size",
"options": [
{
"value": "sf__btn-small",
"label": "Button small"
},
{
"value": "",
"label": "Button medium"
},
{
"value": "sf__btn-large",
"label": "Button large"
}
],
"default": ""
},
{
"type": "header",
"content": "Product card settings"
},
{
"type": "select",
"id": "pcard_layout",
"label": "Design layout",
"default": "",
"options": [
{
"value": "",
"label": "Use global settings"
},
{
"value": "1",
"label": "Style 1"
},
{
"value": "2",
"label": "Style 2"
},
{
"value": "3",
"label": "Style 3"
},
{
"value": "4",
"label": "Style 4"
}
]
},
{
"type": "select",
"id": "pcard_image_ratio",
"label": "Image aspect ratio",
"default": "",
"options": [
{
"value": "",
"label": "Use global settings"
},
{
"value": "original",
"label": "Original aspect ratio"
},
{
"value": "1/1",
"label": "1:1"
},
{
"value": "3/4",
"label": "3:4"
},
{
"value": "4/3",
"label": "4:3"
},
{
"value": "16/9",
"label": "16:9"
}
]
},
{
"type": "checkbox",
"id": "show_vendor",
"label": {
"de": "Produkt-Lieferanten anzeigen",
"en": "Show product vendors",
"es": "Mostrar proveedores del producto",
"fr": "Afficher les vendeurs",
"it": "Mostra fornitori prodotto",
"ja": "商品の販売元を表示する",
"nl": "Productleveranciers weergeven",
"pt-BR": "Exibir fornecedores do produto",
"zh-CN": "显示产品厂商",
"zh-TW": "顯示產品廠商"
},
"default": false
},
{
"type": "header",
"content": "Grid settings"
},
{
"type": "range",
"id": "items_per_row",
"label": {
"de": "Produkte per Reihe",
"en": "Products per row",
"es": "Productos por fila",
"fr": "Produits par rangée",
"it": "Prodotti per riga",
"ja": "行あたりの商品数",
"nl": "Producten per rij",
"pt-BR": "Produtos por linha",
"zh-CN": "每行产品数",
"zh-TW": "每列產品數"
},
"min": 2,
"max": 6,
"step": 1,
"default": 4
},
{
"type": "range",
"id": "item_gap",
"label": "Column gap",
"min": 0,
"max": 50,
"step": 2,
"default": 30,
"unit": "px"
},
{
"type": "header",
"content": "Slider settings"
},
{
"type": "checkbox",
"id": "enable_slider",
"label": "Enable slider",
"default": false
},
{
"type": "checkbox",
"id": "show_navigation",
"label": "Show navigation",
"default": true
},
{
"type": "checkbox",
"id": "show_pagination",
"label": "Show pagination",
"default": false
},
{
"type": "header",
"content": "Mobile settings"
},
{
"type": "checkbox",
"label": "Use horizontal scrollbar",
"id": "use_scroll_mobile",
"default": true,
"info": "Uncheck to display as grid"
},
{
"type": "range",
"id": "item_gap_mobile",
"label": "Column gap",
"min": 0,
"max": 30,
"step": 2,
"default": 16,
"unit": "px"
},
{
"type": "header",
"content": "Section Padding"
},
{
"type": "range",
"id": "padding_top",
"label": "Padding Top",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "range",
"id": "padding_bottom",
"label": "Padding Bottom",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "header",
"content": "Custom Attributes"
},
{
"type": "text",
"id": "custom_class",
"label": "Custom classes"
}
],
"blocks": [
{
"type": "tab",
"name": "Tab",
"settings": [
{
"type": "text",
"label": "Tab name",
"id": "title",
"info": "Leave it blank to use collection name"
},
{
"type": "collection",
"label": "Collection",
"id": "collection"
}
]
}
],
"presets": [
{
"name": "Product tabs",
"category": {
"de": "Produkte",
"en": "Product",
"es": "Producto",
"fr": "Produit",
"it": "Prodotto",
"ja": "商品",
"nl": "Product",
"pt-BR": "Produto",
"zh-CN": "产品",
"zh-TW": "產品"
},
"settings": {
"heading": "Product tabs"
},
"blocks": [
{
"type": "tab",
"settings": {
"title": "Tab 1"
}
},
{
"type": "tab",
"settings": {
"title": "Tab 2"
}
}
]
}
]
}
{% endschema %}
{% if tab_header == 'horizontal' %}
{% render 'index-section-header', section_settings: section.settings %}
{% endif %}
{% if section.blocks.size > 0 %}
{% endif %}
{% if tab_header == 'horizontal' %}
{% for block in section.blocks %}
{%- liquid
assign tab_name = block.settings.title
assign current_collection = block.settings.collection
if block.settings.title == blank
assign tab_name = 'Tab ' | append: forloop.index
if collection != blank
assign tab_name = current_collection.title
endif
endif
-%}
{{ tab_name }}
{% endfor %}
{% endif %}
{% if section.settings.subheading != blank and tab_header != 'horizontal' %}
{{ section.settings.subheading | escape }}
{% endif %}
{% if tab_header == 'select' and section.settings.heading != blank %}
{% if section.settings.description != blank and tab_header != 'horizontal' %}
{{ section.settings.heading | escape }}
{% endif %}{{ section.settings.description }}
{% endif %}
{% for block in section.blocks %}
{%- liquid
assign current_collection = collections[block.settings.collection]
if current_collection != blank and current_collection.products.size <= items_per_row
assign enable_slider = false
endif
-%}
{%- paginate current_collection.products by product_limit -%}
{% if paginate.pages == 1 %}
{% assign can_load = false %}
{% endif %}
{% if section.settings.button_label != blank and section.settings.show_button == true %}
{% capture btn_class %}sf__btn {{ section.settings.button_style }} {{ section.settings.button_size }}{% endcapture %}
{% if can_load and paginate.pages > 1 %}
{% endif %}
{% if button_type == 'link' %}
{% endif %}
{% endif %}
{%- endpaginate -%}
{% endfor %}
testimonial
{{ 'testimonials.css' | asset_url | stylesheet_tag }}
{% liquid
assign settings = section.settings
assign bg_color = settings.background_color
assign has_bg = false
unless bg_color == "rgba(0,0,0,0)" or bg_color == blank
assign has_bg = true
endunless
%}
{% schema %}
{
"name": "Testimonials",
"settings": [
{
"type": "header",
"content": "Section header"
},
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "What People Are Saying"
},
{
"type": "text",
"id": "subheading",
"label": "Subheading"
},
{
"type": "textarea",
"id": "description",
"label": "Description"
},
{
"type": "select",
"id": "header_alignment",
"label": "Text alignment",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
}
]
},
{
"type": "header",
"content": "General"
},
{
"type": "select",
"id": "container",
"label": "Container type",
"default": "w-full",
"options": [
{
"value": "container-fluid",
"label": "Default"
},
{
"value": "w-full",
"label": "Full width"
},
{
"value": "container",
"label": "Use container box"
}
]
},
{
"type": "color",
"id": "background_color",
"label": "Background color"
},
{
"type": "select",
"id": "design",
"label": "Layout",
"options": [
{
"value": "testimonials-1",
"label": "Layout 1"
},
{
"value": "testimonials-2",
"label": "Layout 2"
},
{
"value": "testimonials-3",
"label": "Layout 3"
},
{
"value": "testimonials-4",
"label": "Layout 4"
},
{
"value": "testimonials-5",
"label": "Layout 5"
},
{
"value": "testimonials-6",
"label": "Layout 6"
}
],
"default": "testimonials-1"
},
{
"type": "checkbox",
"id": "show_stars",
"label": "Show stars",
"default": true
},
{
"type": "checkbox",
"id": "autorotate",
"label": "Auto-rotate content",
"default": false
},
{
"type": "checkbox",
"id": "show_navigation",
"label": "Show navigation",
"default": false
},
{
"type": "checkbox",
"id": "show_pagination",
"label": "Show pagination",
"default": true
},
{
"type": "color",
"id": "star_color",
"label": "Stars color",
"default": "#000"
},
{
"type": "header",
"content": "Section Padding"
},
{
"type": "range",
"id": "padding_top",
"label": "Padding Top",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "range",
"id": "padding_bottom",
"label": "Padding Bottom",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "header",
"content": "Custom Attributes"
},
{
"type": "text",
"id": "custom_class",
"label": "Custom classes"
}
],
"blocks": [
{
"type": "testimonial",
"name": "Testimonial",
"settings": [
{
"type": "text",
"id": "title",
"label": "Title",
"default": "Love it so much"
},
{
"type": "richtext",
"id": "description",
"label": "Content",
"default": "
{% render 'index-section-header', section_settings: settings %}
{% if settings.design == 'testimonials-6' %}
{% render 'slider-controls', show_nav: settings.show_navigation, show_pagination: settings.show_pagination %}
{% endif %}
{% liquid
case settings.design
when 'testimonials-1'
render 'testimonials-1', section: section, container_class: settings.container
when 'testimonials-2'
render 'testimonials-2', section: section, container_class: settings.container
when 'testimonials-3'
render 'testimonials-3', section: section, container_class: settings.container
when 'testimonials-4'
render 'testimonials-4', section: section, container_class: settings.container
when 'testimonials-5'
render 'testimonials-5', section: section, container_class: settings.container
when 'testimonials-6'
render 'testimonials-6', section: section, container_class: settings.container
endcase
%}
\"Short dress in a printed viscose weave with a round neckline, opening with a button at the back of the Seams with small frill trims at the waist and on the sleeves and skirt. Unlined.\"
" }, { "type": "richtext", "id": "footer", "label": "Author", "default": "Dean D. US
" }, { "type": "image_picker", "id": "image", "label": "Image", "info": "Optional" }, { "type": "richtext", "id": "image_text", "label": "Image text", "info": "Optional" }, { "type": "url", "id": "image_link", "label": "Image link" }, { "type": "product", "id": "product", "label": "Product", "info": "This option is use only for layout 6." } ] } ], "presets": [ { "name": "Testimonials", "category": "Promotional", "blocks": [ { "type": "testimonial" }, { "type": "testimonial" }, { "type": "testimonial" }, { "type": "testimonial" }, { "type": "testimonial" }, { "type": "testimonial" } ] } ] } {% endschema %}featured prdct slider
{%- liquid
assign bg_color = section.settings.background_color
assign has_bg = false
unless bg_color == "rgba(0,0,0,0)" or bg_color == blank
assign has_bg = true
endunless
assign image_ratio = section.settings.pcard_image_ratio
assign show_vendor = section.settings.show_vendor
assign pcard_alignment = section.settings.pcard_alignment
assign card_style = section.settings.pcard_layout
-%}
{% schema %}
{
"name": "Featured products slider",
"settings": [
{
"type": "header",
"content": "Section header"
},
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Featured products"
},
{
"type": "text",
"id": "subheading",
"label": "Subheading"
},
{
"type": "textarea",
"id": "description",
"label": "Description"
},
{
"type": "select",
"id": "header_alignment",
"label": "Text alignment",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
}
]
},
{
"type": "header",
"content": "General"
},
{
"type": "select",
"id": "container",
"label": "Container type",
"default": "container-fluid",
"options": [
{
"value": "container-fluid",
"label": "Default"
},
{
"value": "w-full",
"label": "Full width"
},
{
"value": "container",
"label": "Use container box"
}
]
},
{
"type": "color",
"id": "background_color",
"label": "Background color",
"default": "rgba(0,0,0,0)"
},
{
"type": "select",
"id": "image_placement",
"label": "Image placement",
"default": "right",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "header",
"content": "Slider settings"
},
{
"type": "checkbox",
"id": "slide_autoplay",
"label": "Auto-rotate slides",
"default": false
},
{
"type": "checkbox",
"id": "show_navigation",
"label": "Show navigation",
"default": false
},
{
"type": "checkbox",
"id": "show_pagination",
"label": "Show pagination",
"default": true
},
{
"type": "range",
"id": "autorotate_speed",
"label": {
"en": "Change slides every"
},
"info": {
"en": "Work when auto-rotate"
},
"max": 10,
"min": 2,
"step": 1,
"unit": "s",
"default": 5
},
{
"type": "header",
"content": "Product card settings"
},
{
"type": "select",
"id": "pcard_layout",
"label": "Design layout",
"default": "",
"options": [
{
"value": "",
"label": "Use global settings"
},
{
"value": "1",
"label": "Style 1"
},
{
"value": "2",
"label": "Style 2"
},
{
"value": "3",
"label": "Style 3"
},
{
"value": "4",
"label": "Style 4"
}
]
},
{
"type": "select",
"id": "pcard_alignment",
"label": "Content alignment",
"default": "left",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "select",
"id": "pcard_image_ratio",
"label": "Image aspect ratio",
"default": "",
"options": [
{
"value": "",
"label": "Use global settings"
},
{
"value": "original",
"label": "Original aspect ratio"
},
{
"value": "1/1",
"label": "1:1"
},
{
"value": "3/4",
"label": "3:4"
},
{
"value": "4/3",
"label": "4:3"
},
{
"value": "16/9",
"label": "16:9"
}
]
},
{
"type": "checkbox",
"id": "show_vendor",
"label": "Show product vendors",
"default": false
},
{
"type": "header",
"content": "Section Padding"
},
{
"type": "range",
"id": "padding_top",
"label": "Padding Top",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "range",
"id": "padding_bottom",
"label": "Padding Bottom",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "header",
"content": "Custom Attributes"
},
{
"type": "text",
"id": "custom_class",
"label": "Custom classes"
}
],
"blocks": [
{
"type": "product",
"name": "Product",
"settings": [
{
"type": "text",
"id": "heading",
"label": "Heading"
},
{
"type": "richtext",
"id": "description",
"label": "Description"
},
{
"type": "product",
"id": "product",
"label": "Product"
},
{
"type": "image_picker",
"id": "image",
"label": "Featured image"
}
]
}
],
"templates": [
"index"
],
"presets": [
{
"name": "Featured products slider",
"category": "Product",
"blocks": [
{
"type": "product"
},
{
"type": "product"
},
{
"type": "product"
}
]
}
]
}
{% endschema %}
video
{{ 'video.css' | asset_url | stylesheet_tag }}
{% liquid
assign bg_color = section.settings.background_color
assign has_bg = false
unless bg_color == "rgba(0,0,0,0)" or bg_color == blank
assign has_bg = true
endunless
if section.settings.width == blank
assign width = '100%'
else
assign width = section.settings.width
endif
%}
{% schema %}
{
"name": "Video",
"settings": [
{
"type": "select",
"id": "container",
"label": "Container type",
"default": "container-fluid",
"options": [
{
"value": "container-fluid",
"label": "Default"
},
{
"value": "w-full",
"label": "Full width"
},
{
"value": "container",
"label": "Use container box"
}
]
},
{
"type": "color",
"id": "background_color",
"label": "Background color"
},
{
"type": "header",
"content": "Video settings"
},
{
"type": "video_url",
"id": "video_link",
"label": "Video link",
"accept": [
"youtube"
],
"default": "https://www.youtube.com/watch?v=_9VUPq3SxOc"
},
{
"type": "select",
"id": "ratio",
"label": "Video ratio",
"default": "16:9",
"options": [
{
"value": "16:9",
"label": "16:9"
},
{
"value": "21:9",
"label": "21:9"
},
{
"value": "4:3",
"label": "4:3"
}
]
},
{
"type": "image_picker",
"id": "image",
"label": "Cover image",
"info": "Leave blank to use video thumbnail"
},
{
"type": "textarea",
"id": "video_title",
"label": "Heading"
},
{
"type": "select",
"id": "text_size",
"label": "Text size",
"default": "medium",
"options": [
{
"label": "Medium",
"value": "medium"
},
{
"label": "Large",
"value": "large"
}
]
},
{
"type": "select",
"id": "text_color",
"label": "Text color",
"options": [
{
"label": "Dark",
"value": "black"
},
{
"label": "Light",
"value": "white"
}
],
"default": "white"
},
{
"type": "select",
"id": "play_style",
"label": "Play button style",
"options": [
{
"label": "Outline",
"value": "outline"
},
{
"label": "Solid",
"value": "solid"
}
],
"default": "solid"
},
{
"type": "select",
"id": "play_size",
"label": "Play button size",
"options": [
{
"label": "Medium",
"value": "medium"
},
{
"label": "Large",
"value": "large"
}
],
"default": "medium"
},
{
"type": "text",
"id": "width",
"label": "Video width",
"default": "650px"
},
{
"type": "checkbox",
"id": "autoplay",
"label": "Autoplay",
"default": false
},
{
"type": "checkbox",
"id": "loop",
"label": "Loop",
"default": false
},
{
"type": "checkbox",
"id": "muted",
"label": "Muted",
"default": false
},
{
"type": "header",
"content": "Section Padding"
},
{
"type": "range",
"id": "padding_top",
"label": "Padding Top",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "range",
"id": "padding_bottom",
"label": "Padding Bottom",
"default": 0,
"min": 0,
"max": 100,
"step": 2,
"unit": "px"
},
{
"type": "header",
"content": "Custom Attributes"
},
{
"type": "text",
"id": "custom_class",
"label": "Custom classes"
}
],
"presets": [
{
"name": "Video",
"category": "Video"
}
]
}
{% endschema %}
{%- if section.settings.video_link != blank -%}
{%- else -%}
{%- if section.settings.video_link != blank -%}
{%- endif -%}
{%- if section.settings.image != blank -%}
{%- endif -%}
{%- unless section.settings.video_title == blank -%}
{{ section.settings.video_title }}
{%- endunless -%}
{{ 'homepage.onboarding.no_content' | t }}
{%- endif -%}
imge with txt overly
{{ 'hero.css' | asset_url | stylesheet_tag }}
{% liquid
assign show_overlay = section.settings.show_overlay
assign parallax = section.settings.parallax
if section.settings.hero_size == 'adapt'
assign min_aspect_ratio = section.settings.image.aspect_ratio | default: 2.333
endif
assign content_positions = section.settings.content_position | split: ' '
assign text_horizontal_alignment = content_positions.first
assign text_vertical_alignment = content_positions.last | strip
assign text_size = section.settings.text_size
assign container = section.settings.container
assign image_link = section.settings.image_link
assign content_container = 'container-fluid'
if section.settings.content_in_container == true
assign content_container = 'container'
endif
assign mb_image = section.settings.image
if section.settings.mb_image != blank
assign mb_image = section.settings.mb_image
endif
%}
{% schema %}
{
"name": "Image with text overlay",
"settings": [
{
"type": "header",
"content": "General"
},
{
"type": "select",
"id": "container",
"label": "Container type",
"default": "w-full",
"options": [
{
"value": "container-fluid",
"label": "Default"
},
{
"value": "w-full",
"label": "Full width"
},
{
"value": "container",
"label": "Use container box"
}
]
},
{
"type": "select",
"id": "hero_size",
"label": "Section height",
"default": "adapt",
"options": [
{
"label": "Adapt to image",
"value": "adapt"
},
{
"label": "Small",
"value": "small"
},
{
"label": "Medium",
"value": "medium"
},
{
"label": "Large",
"value": "large"
},
{
"label": "Full-screen",
"value": "fullscreen"
}
]
},
{
"type": "checkbox",
"id": "show_overlay",
"label": "Show overlay",
"default": true
},
{
"type": "header",
"content": "Background settings"
},
{
"type": "image_picker",
"id": "image",
"label": "Image"
},
{
"type": "select",
"id": "bg_position",
"label": "Image alignment",
"default": "center",
"options": [
{
"label": "Top left",
"value": "left top"
},
{
"label": "Top center",
"value": "center top"
},
{
"label": "Top right",
"value": "right top"
},
{
"label": "Middle left",
"value": "left center"
},
{
"label": "Middle center",
"value": "center"
},
{
"label": "Middle right",
"value": "right center"
},
{
"label": "Bottom left",
"value": "left bottom"
},
{
"label": "Bottom center",
"value": "center bottom"
},
{
"label": "Bottom right",
"value": "right bottom"
}
]
},
{
"type": "url",
"id": "image_link",
"label": "Image link"
},
{
"type": "checkbox",
"id": "parallax",
"label": "Parallax effect",
"default": false
},
{
"type": "header",
"content": "Content"
},
{
"type": "checkbox",
"id": "content_in_container",
"label": "Content in container box",
"default": false
},
{
"type": "select",
"id": "content_position",
"label": "Content position",
"default": "center middle",
"options": [
{
"label": "Top left",
"value": "left top"
},
{
"label": "Top center",
"value": "center top"
},
{
"label": "Top right",
"value": "right top"
},
{
"label": "Middle left",
"value": "left middle"
},
{
"label": "Middle center",
"value": "center middle"
},
{
"label": "Middle right",
"value": "right middle"
},
{
"label": "Bottom left",
"value": "left bottom"
},
{
"label": "Bottom center",
"value": "center bottom"
},
{
"label": "Bottom right",
"value": "right bottom"
}
]
},
{
"type": "select",
"id": "text_alignment",
"label": "Content alignment",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "select",
"id": "text_size",
"label": "Text size",
"default": "medium",
"options": [
{
"label": "Medium",
"value": "medium"
},
{
"label": "Large",
"value": "large"
}
]
},
{
"type": "select",
"id": "text_color",
"label": "Text color",
"options": [
{
"label": "Dark",
"value": "dark"
},
{
"label": "Light",
"value": "white"
}
],
"default": "white"
},
{
"type": "textarea",
"id": "title",
"label": "Heading",
"default": "Image with text overlay"
},
{
"type": "text",
"id": "subtitle",
"label": "Subheading",
"placeholder": "New Arrivals"
},
{
"type": "richtext",
"id": "text",
"label": "Text",
"default": "
Use overlay text to give your customers insight into your brand. Select imagery and text that relates to your style and story.
" }, { "type": "text", "id": "button_label", "label": "Button label", "default": "Shop now" }, { "type": "url", "id": "button_link", "label": "Button link" }, { "type": "select", "id": "button_style", "label": "Button style", "options": [ { "value": "sf__btn-primary", "label": "Primary button" }, { "value": "sf__btn-secondary", "label": "Secondary button" }, { "value": "sf__btn-white", "label": "White button" }, { "value": "sf__btn-link", "label": "Underline button" } ], "default": "sf__btn-primary" }, { "type": "select", "id": "button_size", "label": "Button size", "options": [ { "value": "sf__btn-small", "label": "Button small" }, { "value": "", "label": "Button medium" }, { "value": "sf__btn-large", "label": "Button large" } ], "default": "" }, { "type": "header", "content": "Mobile settings" }, { "type": "image_picker", "id": "mb_image", "label": "Image" }, { "type": "checkbox", "id": "use_content_above", "label": "Use content above image", "default": false }, { "type": "header", "content": "Advanced settings" }, { "type": "text", "id": "custom_class", "label": "Custom classes" } ], "presets": [ { "name": "Image with text overlay", "category": "Image" } ] } {% endschema %}footer
{% schema %}
{
"name": "Footer",
"settings": [
{
"type": "select",
"id": "design",
"label": "Layout",
"options": [
{
"value": "footer-1",
"label": "Layout 1"
},
{
"value": "footer-2",
"label": "Layout 2"
},
{
"value": "footer-3",
"label": "Layout 3"
}
],
"default": "footer-1"
},
{
"type": "select",
"id": "container",
"label": "Container type",
"default": "container-fluid",
"options": [
{
"value": "container-fluid",
"label": "Default"
},
{
"value": "w-full",
"label": "Full width"
},
{
"value": "container",
"label": "Use container box"
}
]
},
{
"type": "checkbox",
"id": "bordered",
"label": "Block bordered",
"default": false
},
{
"type": "text",
"id": "copyright",
"label": "Copyright text",
"default": "© minimog 2021"
},
{
"type": "header",
"content": "Addons"
},
{
"type": "checkbox",
"id": "show_country_selector",
"label": "Show country/region selector",
"default": false
},
{
"type": "checkbox",
"id": "show_currency_selector",
"label": "Show currency selector",
"default": false
},
{
"type": "checkbox",
"id": "show_language_selector",
"label": "Show language selector",
"default": false
},
{
"type": "checkbox",
"id": "show_social_links",
"label": "Show social icons",
"default": false
},
{
"type": "header",
"content": "Payment methods"
},
{
"type": "checkbox",
"id": "show_payment_icons",
"label": "Show payment icons",
"default": false
},
{
"type": "image_picker",
"id": "image_custom_payment",
"label": "Payment icons by image",
"info": "Leave blank to use icons by Payment methods"
},
{
"type": "number",
"id": "payment_icons_width",
"label": "Image width (px)",
"default": 300
}
],
"max_blocks": 5,
"blocks": [
{
"type": "menu",
"name": "Menu",
"limit": 4,
"settings": [
{
"type": "link_list",
"id": "menu",
"label": "Footer menu",
"default": "main-menu"
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Service",
"info": "Leave blank to use menu title"
},
{
"type": "select",
"id": "width",
"label": "Container width",
"default": "25%",
"options": [
{
"value": "16%",
"label": "16%"
},
{
"value": "25%",
"label": "25%"
},
{
"value": "33%",
"label": "33%"
},
{
"value": "50%",
"label": "50%"
},
{
"value": "66%",
"label": "66%"
},
{
"value": "75%",
"label": "75%"
},
{
"value": "83%",
"label": "83%"
},
{
"value": "100%",
"label": "100%"
}
]
},
{
"type": "header",
"content": "Mobile settings"
},
{
"type": "checkbox",
"id": "order_first",
"label": "Order first",
"default": false
},
{
"type": "checkbox",
"id": "open_default",
"label": "Open by default",
"default": false
}
]
},
{
"type": "our_store",
"name": "About",
"limit": 1,
"settings": [
{
"type": "text",
"id": "title",
"label": "Title",
"default": "Our store"
},
{
"type": "richtext",
"id": "description",
"label": "Description",
"default": "
Find a location nearest you.
" }, { "type": "header", "content": "Contact information", "info": "Go to \"Theme settings > Store contact\" to update these information." }, { "type": "checkbox", "id": "show_email", "label": "Show email", "default": false }, { "type": "checkbox", "id": "show_phone", "label": "Show phone number", "default": false }, { "type": "checkbox", "id": "show_socials_link", "label": "Show social icons", "default": false }, { "type": "select", "id": "width", "label": "Container width", "default": "25%", "options": [ { "value": "16%", "label": "16%" }, { "value": "25%", "label": "25%" }, { "value": "33%", "label": "33%" }, { "value": "50%", "label": "50%" }, { "value": "66%", "label": "66%" }, { "value": "75%", "label": "75%" }, { "value": "83%", "label": "83%" }, { "value": "100%", "label": "100%" } ] }, { "type": "header", "content": "Mobile settings" }, { "type": "checkbox", "id": "order_first", "label": "Order first", "default": false }, { "type": "checkbox", "id": "open_default", "label": "Open by default", "default": false } ] }, { "type": "newsletter", "name": "Newsletter", "limit": 1, "settings": [ { "type": "text", "id": "title", "label": "Title", "default": "Subscribe" }, { "type": "textarea", "id": "description", "label": "Description", "default": "Enter your email below to be the first to know about new collections and product launches." }, { "type": "text", "id": "email_placeholder", "label": "Email placeholder", "default": "Enter your email" }, { "type": "select", "id": "form_style", "label": "Form style", "default": "bordered", "options": [ { "value": "bordered", "label": "Bordered" }, { "value": "minimal", "label": "Minimal" } ] }, { "type": "checkbox", "id": "show_social", "label": "Show social link", "default": false }, { "type": "checkbox", "id": "show_agree_checkbox", "label": "Show \"Terms & conditions\" checkbox", "default": false }, { "type": "select", "id": "width", "label": "Container width", "default": "25%", "options": [ { "value": "16%", "label": "16%" }, { "value": "25%", "label": "25%" }, { "value": "33%", "label": "33%" }, { "value": "50%", "label": "50%" }, { "value": "66%", "label": "66%" }, { "value": "75%", "label": "75%" }, { "value": "83%", "label": "83%" }, { "value": "100%", "label": "100%" } ] }, { "type": "header", "content": "Mobile settings" }, { "type": "checkbox", "id": "order_first", "label": "Order first", "default": true }, { "type": "checkbox", "id": "open_default", "label": "Open by default", "default": true } ] }, { "type": "custom_text", "name": "Custom content", "limit": 5, "settings": [ { "type": "text", "id": "title", "label": "Title", "default": "Custom text" }, { "type": "image_picker", "id": "image", "label": "Image" }, { "type": "text", "id": "image_max", "label": "Image max-width (px)", "default": "200px" }, { "type": "richtext", "id": "description", "label": "Content", "default": "Enter your email below to be the first to know about new collections and product launches.
" }, { "type": "select", "id": "width", "label": "Container width", "default": "25%", "options": [ { "value": "16%", "label": "16%" }, { "value": "25%", "label": "25%" }, { "value": "33%", "label": "33%" }, { "value": "50%", "label": "50%" }, { "value": "66%", "label": "66%" }, { "value": "75%", "label": "75%" }, { "value": "83%", "label": "83%" }, { "value": "100%", "label": "100%" } ] }, { "type": "header", "content": "Mobile settings" }, { "type": "checkbox", "id": "order_first", "label": "Order first", "default": false }, { "type": "checkbox", "id": "open_default", "label": "Open by default", "default": false } ] }, { "type": "custom_html", "name": "Custom HTML", "limit": 5, "settings": [ { "type": "text", "id": "title", "label": "Title", "default": "Custom text" }, { "type": "liquid", "id": "html", "label": "HTML", "info": "Liquid code supported" }, { "type": "select", "id": "width", "label": "Container width", "default": "25%", "options": [ { "value": "16%", "label": "16%" }, { "value": "25%", "label": "25%" }, { "value": "33%", "label": "33%" }, { "value": "50%", "label": "50%" }, { "value": "66%", "label": "66%" }, { "value": "75%", "label": "75%" }, { "value": "83%", "label": "83%" }, { "value": "100%", "label": "100%" } ] }, { "type": "header", "content": "Mobile settings" }, { "type": "checkbox", "id": "order_first", "label": "Order first", "default": false }, { "type": "checkbox", "id": "open_default", "label": "Open by default", "default": false } ] }, { "type": "spacing", "name": "Spacing", "limit": 5, "settings": [ { "type": "paragraph", "content": "Use this block to make a spacing between columns" }, { "type": "select", "id": "width", "label": "Container width", "default": "25%", "options": [ { "value": "16%", "label": "16%" }, { "value": "20%", "label": "20%" }, { "value": "25%", "label": "25%" }, { "value": "33%", "label": "33%" }, { "value": "50%", "label": "50%" }, { "value": "66%", "label": "66%" }, { "value": "75%", "label": "75%" }, { "value": "83%", "label": "83%" }, { "value": "100%", "label": "100%" } ] } ] } ] } {% endschema %}contct form
{%- assign st = section.settings -%}
{% schema %}
{
"name": "Contact form",
"settings": [
{
"type": "header",
"content": "General"
},
{
"type": "select",
"id": "container",
"label": "Container type",
"default": "container-fluid",
"options": [
{
"value": "container-fluid",
"label": "Default"
},
{
"value": "w-full",
"label": "Full width"
},
{
"value": "container",
"label": "Use container box"
}
]
},
{
"type": "text",
"id": "title",
"label": "Title",
"default": "We would love to hear from you."
},
{
"type": "richtext",
"id": "description",
"label": "Description",
"default": "
{%- if st.title != blank -%}
{% if section.settings.show_signup_email %}
{% endif %}
{%- endform -%}
{% if section.blocks.size > 0 %}
{{ st.title }}
{%- endif -%} {%- if st.description != blank -%}{{ st.description }}
{%- endif -%}
{%- form 'contact' -%}
{%- capture success_message -%}
{{ 'contact.form.post_success' | t }}
{%- endcapture -%}
{% render 'form__success', form: form, success_message: success_message %}
{% render 'form__error', form: form %}
{% if section.settings.show_name %}
{% endif %}
{% if section.settings.show_phone %}
{% endif %}
{% for block in section.blocks %}
{% assign bs = block.settings %}
{% case block.type %}
{% when 'textblock' %}
{% else %}
{% endcase %}
{% endfor %}
{% endif %}
{{ bs.title }}
{{ bs.content }}
{{ bs.title }}
{% render 'social-media-links' %}
If you’ve got great products your making or looking to work with us then drop us a line.
" }, { "type": "header", "content": "Contact form" }, { "type": "checkbox", "id": "show_name", "label": "Show field name", "default": true }, { "type": "checkbox", "id": "show_phone", "label": "Show field phone number", "default": false }, { "type": "checkbox", "id": "show_signup_email", "label": "Show email sign up", "default": true } ], "blocks": [ { "type": "textblock", "name": "Text block", "settings": [ { "type": "text", "id": "title", "label": "Title", "default": "Block Title" }, { "type": "richtext", "id": "content", "label": "Content", "default": "7895 Piermont Dr NE Albuquerque, NM 198866, See Our Stores
" } ] }, { "type": "socialmedia", "name": "Social media", "settings": [ { "type": "text", "id": "title", "label": "Title", "default": "Social Media" } ] } ] } {% endschema %}rectly viw prdct
{%- assign st = section.settings -%}
{%- capture container -%}{{ section.settings.container }} section-my{%- endcapture -%}
{% schema %}
{
"name": "Recently viewed products",
"settings": [
{
"type": "select",
"id": "container",
"label": "Container type",
"default": "container",
"options": [
{
"value": "container-fluid",
"label": "Default"
},
{
"value": "w-full",
"label": "Full width"
},
{
"value": "container",
"label": "Use container box"
}
]
},
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Recently Viewed Products"
},
{
"type": "range",
"id": "limit",
"label": "Products to show",
"default": 8,
"min": 3,
"max": 20
},
{
"type": "range",
"id": "columns",
"label": "Products per row",
"default": 4,
"min": 3,
"max": 8
},
{
"type": "range",
"id": "column_gap",
"label": "Column gap",
"default": 30,
"min": 0,
"max": 50,
"step": 2
},
{
"type": "checkbox",
"id": "enable_slider",
"label": "Enable slider",
"default": true
}
],
"presets": [
{
"name": "Recently viewed products",
"settings": {}
}
]
}
{% endschema %}