Skip to content

Instantly share code, notes, and snippets.

{
"type": "header",
"content": "Upsell Settings"
},
{
"type": "text",
"id": "upsell_heading",
"label": "Upsell Heading",
"default": "You may also like"
},
{{ 'component-slideshow.css' | asset_url | stylesheet_tag }}
{{ 'component-slider.css' | asset_url | stylesheet_tag }}
{%- liquid
assign social_icons = true
if settings.social_facebook_link == blank and settings.social_instagram_link == blank and settings.social_youtube_link == blank and settings.social_tiktok_link == blank and settings.social_twitter_link == blank and settings.social_pinterest_link == blank and settings.social_snapchat_link == blank and settings.social_tumblr_link == blank and settings.social_vimeo_link == blank
assign social_icons = false
endif
if section.settings.enable_country_selector or section.settings.enable_language_selector
{% if card_product.has_only_default_variant == false %}
<div class="card-variant-swatches" data-product-id="{{ card_product.id }}">
{% for option in card_product.options_with_values %}
{% if option.name == 'Color' or option.name == 'colour' %}
<div class="variant-swatches">
{% for value in option.values %}
{% assign variant = card_product.variants | where: "option1", value | first %}
{% if variant %}
<button
type="button"
{% if item.properties._free_product %}
<span class="cart-item__price free-item-label">FREE</span>
{% else %}
<span class="cart-item__price">
{{ item.final_line_price | money }}
</span>
{% endif %}
{% comment %}
Simple Recently Viewed Section - Dawn Compatible
{% endcomment %}
{{ 'component-card.css' | asset_url | stylesheet_tag }}
{{ 'component-price.css' | asset_url | stylesheet_tag }}
{% if template.name == 'product' %}
<script>
document.addEventListener("DOMContentLoaded", function() {