Hello,
i changed the position of my quick buy button in the product-card.liquid, but now it doesn´t work anymore.
Can someone see where i did a mistake?
{% comment %}
Renders a product card
Accepts:
- card_product: {Object} Product Liquid object (optional)
- media_aspect_ratio: {String} Size of the product image card. Values are "square" and "portrait". Default is "square" (optional)
- image_shape: {String} Image mask to apply to the product image card. Values are "arch", "blob", "chevronleft", "chevronright", "diamond", "parallelogram", and "round". (optional)
- show_secondary_image: {Boolean} Show the secondary image on hover. Default: false (optional)
- show_vendor: {Boolean} Show the product vendor. Default: false
- show_rating: {Boolean} Show the product rating. Default: false
- extend_height: {Boolean} Card height extends to available container space. Default: true (optional)
- lazy_load: {Boolean} Image should be lazy loaded. Default: true (optional)
- skip_styles: {Boolean} Don't include component styles. Useful when rendering multiple product cards in a loop. Default: false (optional)
- quick_add: {Boolean} Show the quick add button.
- section_id: {String} The ID of the section that contains this card.
- horizontal_class: {Boolean} Add a card--horizontal class if set to true. Default: false (optional)
- horizontal_quick_add: {Boolean} Changes the quick add button styles when set to true. Default: false (optional)
- placeholder_image: {String} The placeholder image to use when no product exists. Default: 'product-apparel-2' (optional)
Usage:
{% render 'card-product', show_vendor: section.settings.show_vendor %}
{% endcomment %}
{%- unless skip_styles -%}
{{ 'component-rating.css' | asset_url | stylesheet_tag }}
{{ 'component-volume-pricing.css' | asset_url | stylesheet_tag }}
{{ 'component-price.css' | asset_url | stylesheet_tag }}
{{ 'quick-order-list.css' | asset_url | stylesheet_tag }}
{{ 'quantity-popover.css' | asset_url | stylesheet_tag }}
{%- endunless -%}
{%- if card_product and card_product != empty -%}
{%- liquid
assign ratio = 1
if card_product.featured_media and media_aspect_ratio == 'portrait'
assign ratio = 0.8
elsif card_product.featured_media and media_aspect_ratio == 'adapt'
assign ratio = card_product.featured_media.aspect_ratio
endif
if ratio == 0 or ratio == null
assign ratio = 1
endif
-%}
{% assign samitaLock = shop.metafields.lockAccess.listLocks.value %}
{% assign samiProductID = product.id | append: '' %}
{% assign productCollections = card_product.collections %}
{% assign samitaLimitAll = '' %}
{% assign samitaLimitAllPrice = '' %}
{% assign samitaLimitAllAtc = '' %}
{% assign samitaManualAll = '' %}
{% assign samitaManualPrice = '' %}
{% assign samitaManualAtc = '' %}
{% assign samitaCollectionAll = '' %}
{% assign samitaCollectionPrice = '' %}
{% assign samitaCollectionAtc = '' %}
{% for item in samitaLock -%}
{% if item.status == 1 and item.resources_conditional.type[0] == 'secret' %}
{% if item.resources_lock.limitProduct == 'all' %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaSecAll = 'samita_sec_p_all' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaSecPrice = 'samita_sec_p_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaSecAtc = 'samita_sec_p_atc' %}
{% endif %}
{% endfor %}
{% assign lockid = 'sami_sec' %}
{% endif %}
{% if item.resources_lock.products contains samiProductID and item.resources_lock.type == 'products' %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaSecAll = 'samita_sec_p_all' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaSecPrice = 'samita_sec_p_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaSecAtc = 'samita_sec_p_atc' %}
{% endif %}
{% endfor %}
{% assign lockid = 'sami_sec' %}
{% endif %}
{% if item.resources_lock.type == 'collections' %}
{% if productCollections.size > 0 %}
{% for collection in productCollections %}
{% assign colectionID = collection.id | append: '' %}
{% if item.resources_lock.collections contains colectionID %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaSecAll = 'samita_sec_p_all' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaSecPrice = 'samita_sec_p_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaSecAtc = 'samita_sec_p_atc' %}
{% endif %}
{% endfor %}
{% assign lockid = 'sami_sec' %}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% endif %}
{% if item.status == 1 and item.resources_conditional.type[0] == 'passcode' %}
{% assign samitaPassAll = '' %}
{% assign samitaPassPrice = '' %}
{% assign samitaPassAtc = '' %}
{% assign samitaPassCollecAll = '' %}
{% assign samitaPassCollecPrice = '' %}
{% assign samitaPassCollecAtc = '' %}
{% if item.resources_lock.limitProduct == 'all' %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaPassAll = 'samita_pass_p_all' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaPassPrice = 'samita_pass_p_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaPassAtc = 'samita_pass_p_atc' %}
{% endif %}
{% endfor %}
{% assign lockid = 'passcode__' | append: item.id %}
{% endif %}
{% if item.resources_lock.products contains samiProductID and item.resources_lock.type == 'products' %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaPassAll = 'samita_pass_p_all' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaPassPrice = 'samita_pass_p_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaPassAtc = 'samita_pass_p_atc' %}
{% endif %}
{% endfor %}
{% assign lockid = 'passcode__' | append: item.id %}
{% endif %}
{% if item.resources_lock.type == 'collections' %}
{% if productCollections.size > 0 %}
{% for collection in productCollections %}
{% assign colectionID = collection.id | append: '' %}
{% if item.resources_lock.collections contains colectionID %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaPassCollecAll = 'samita_pass_c_all' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaPassCollecPrice = 'samita_pass_c_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaPassCollecAtc = 'samita_pass_c_atc' %}
{% endif %}
{% endfor %}
{% assign lockid = 'passcode__' | append: item.id %}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% endif %}
{% if item.status == 1 and item.resources_conditional.type[0] == 'customers' %}
{% if item.access == 0 %}
{% if customer %}
{% if item.resources_conditional.customer.source == 'rules' %}
{% for logic in item.resources_conditional.customer.logic[0] %}
{% if logic.type == 'tagged_with' %}
{% if customer.tags contains logic.value %}
{% if item.resources_lock.type == 'products' %}
{% if item.resources_lock.limitProduct == 'all' %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaLimitAll2 = 'samita_all_p' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaLimitAllPrice2 = 'samita_all_p_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaLimitAllAtc2 = 'samita_all_p_atc' %}
{% endif %}
{% endfor %}
{% else %}
{% if item.resources_lock.products contains samiProductID %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaManualAll2 = 'samita_manual_p_all' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaManualPrice2 = 'samita_manual_p_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaManualAtc2 = 'samita_manual_p_atc' %}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% endif %}
{% else %}
{% assign samitaLimitAll2 = '' %}
{% assign samitaLimitAllPrice2 = '' %}
{% assign samitaLimitAllAtc2 = '' %}
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% endif %}
{% if item.access == 1 %}
{% if customer %}
{% if item.resources_conditional.customer.source == 'manual' %}
{% if item.resources_lock.type == 'collections' %}
{% if productCollections.size > 0 %}
{% for collection in productCollections %}
{% assign colectionID = collection.id | append: '' %}
{% if item.resources_lock.collections contains colectionID %}
{% assign samitaCus = true %}
{% for cus in item.resources_conditional.customer.listManual %}
{% if cus.id == customer.id %}
{% assign samitaCus = false %}
{% assign samitaLimitAll = '' %}
{% assign samitaLimitAllPrice = '' %}
{% assign samitaLimitAllAtc = '' %}
{% assign samitaManualAll = '' %}
{% assign samitaManualPrice = '' %}
{% assign samitaManualAtc = '' %}
{% assign samitaCollectionAll = '' %}
{% assign samitaCollectionPrice = '' %}
{% assign samitaCollectionAtc = '' %}
{% endif %}
{% endfor %}
{% if samitaCus %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaManualAll = 'samita_manual_p_all' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaManualPrice = 'samita_manual_p_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaManualAtc = 'samita_manual_p_atc' %}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% if item.resources_lock.type == 'products' %}
{% if item.resources_lock.limitProduct == 'all' %}
{% assign samitaCus = true %}
{% for cus in item.resources_conditional.customer.listManual %}
{% if cus.id == customer.id %}
{% assign samitaCus = false %}
{% assign samitaLimitAll = '' %}
{% assign samitaLimitAllPrice = '' %}
{% assign samitaLimitAllAtc = '' %}
{% assign samitaManualAll = '' %}
{% assign samitaManualPrice = '' %}
{% assign samitaManualAtc = '' %}
{% assign samitaCollectionAll = '' %}
{% assign samitaCollectionPrice = '' %}
{% assign samitaCollectionAtc = '' %}
{% endif %}
{% endfor %}
{% if samitaCus %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaManualAll = 'samita_manual_p_all' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaManualPrice = 'samita_manual_p_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaManualAtc = 'samita_manual_p_atc' %}
{% endif %}
{% endfor %}
{% endif %}
{% else %}
{% if item.resources_lock.products contains samiProductID %}
{% assign samitaCus = true %}
{% for cus in item.resources_conditional.customer.listManual %}
{% if cus.id == customer.id %}
{% assign samitaCus = false %}
{% assign samitaLimitAll = '' %}
{% assign samitaLimitAllPrice = '' %}
{% assign samitaLimitAllAtc = '' %}
{% assign samitaManualAll = '' %}
{% assign samitaManualPrice = '' %}
{% assign samitaManualAtc = '' %}
{% assign samitaCollectionAll = '' %}
{% assign samitaCollectionPrice = '' %}
{% assign samitaCollectionAtc = '' %}
{% endif %}
{% endfor %}
{% if samitaCus %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaManualAll = 'samita_manual_p_all' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaManualPrice = 'samita_manual_p_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaManualAtc = 'samita_manual_p_atc' %}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% endif %}
{% endif %}
{% endif %}
{% if item.resources_conditional.customer.source == 'rules' %}
{% assign samitaNoTag = true %}
{% for logic in item.resources_conditional.customer.logic[0] %}
{% if logic.type == 'tagged_with' %}
{% if customer.tags contains logic.value %}
{% assign samitaNoTag = false %}
{% assign samitaLimitAll = '' %}
{% assign samitaLimitAllPrice = '' %}
{% assign samitaLimitAllAtc = '' %}
{% assign samitaManualAll = '' %}
{% assign samitaManualPrice = '' %}
{% assign samitaManualAtc = '' %}
{% assign samitaCollectionAll = '' %}
{% assign samitaCollectionPrice = '' %}
{% assign samitaCollectionAtc = '' %}
{% endif %}
{% endif %}
{% endfor %}
{% if samitaNoTag %}
{% if item.resources_lock.type == 'products' %}
{% if item.resources_lock.limitProduct == 'all' %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaLimitAll = 'samita_all_p' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaLimitAllPrice = 'samita_all_p_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaLimitAllAtc = 'samita_all_p_atc' %}
{% endif %}
{% endfor %}
{% else %}
{% if item.resources_lock.products contains samiProductID %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaManualAll = 'samita_manual_p_all' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaManualPrice = 'samita_manual_p_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaManualAtc = 'samita_manual_p_atc' %}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% endif %}
{% if item.resources_lock.type == 'collections' %}
{% if productCollections.size > 0 %}
{% for collection in productCollections %}
{% assign colectionID = collection.id | append: '' %}
{% if item.resources_lock.collections contains colectionID %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaCollectionAll = 'samita_manual_c_all' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaCollectionPrice = 'samita_manual_c_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaCollectionAtc = 'samita_manual_c_atc' %}
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% endif %}
{% endif %}
{% endif %}
{% unless customer %}
{% if item.resources_lock.type == 'products' %}
{% if item.resources_lock.limitProduct == 'all' %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaLimitAll = 'samita_all_p' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaLimitAllPrice = 'samita_all_p_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaLimitAllAtc = 'samita_all_p_atc' %}
{% endif %}
{% endfor %}
{% else %}
{% if item.resources_lock.products contains samiProductID %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaManualAll = 'samita_manual_p_all' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaManualPrice = 'samita_manual_p_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaManualAtc = 'samita_manual_p_atc' %}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% endif %}
{% if item.resources_lock.type == 'collections' %}
{% if productCollections.size > 0 %}
{% for collection in productCollections %}
{% assign colectionID = collection.id | append: '' %}
{% if item.resources_lock.collections contains colectionID %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaCollectionAll = 'samita_manual_c_all' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaCollectionPrice = 'samita_manual_c_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaCollectionAtc = 'samita_manual_c_atc' %}
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% endunless %}
{% endif %}
{% endif %}
{% if item.status == 1 and item.resources_conditional.type[0] == 'logged' %}
{% if item.access == 1 %}
{% unless customer %}
{% if item.resources_lock.type == 'products' %}
{% if item.resources_lock.limitProduct == 'all' %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaLimitAll = 'samita_all_p' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaLimitAllPrice = 'samita_all_p_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaLimitAllAtc = 'samita_all_p_atc' %}
{% endif %}
{% endfor %}
{% else %}
{% if item.resources_lock.products contains samiProductID %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaManualAll = 'samita_manual_p_all' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaManualPrice = 'samita_manual_p_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaManualAtc = 'samita_manual_p_atc' %}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% endif %}
{% if item.resources_lock.type == 'collections' %}
{% if productCollections.size > 0 %}
{% for collection in productCollections %}
{% assign colectionID = collection.id | append: '' %}
{% if item.resources_lock.collections contains colectionID %}
{% for lockRs in item.resources_lock.setting -%}
{% if lockRs == 'all' %}
{% assign samitaCollectionAll = 'samita_manual_c_all' %}
{% endif %}
{% if lockRs == 'price' %}
{% assign samitaCollectionPrice = 'samita_manual_c_price' %}
{% endif %}
{% if lockRs == 'atc' %}
{% assign samitaCollectionAtc = 'samita_manual_c_atc' %}
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% endunless %}
{% endif %}
{% endif %}
{%- endfor %}
{%- if card_product.featured_media -%}
{% comment %}theme-check-disable ImgLazyLoading{% endcomment %}
{% comment %}theme-check-enable ImgLazyLoading{% endcomment %}
{%- if card_product.media[1] != null and show_secondary_image -%}
{%- endif -%}
{%- endif -%}
###
{{ card_product.title | escape }}
{%- if card_product.available == false -%}
{{- 'products.product.sold_out' | t -}}
{%- elsif card_product.compare_at_price > card_product.price and card_product.available -%}
{{- 'products.product.on_sale' | t -}}
{%- endif -%}
{% assign product_form_id = 'quick-add-' | append: section_id | append: card_product.id %}
{% if quick_add == 'standard' %}
{%- liquid
assign qty_rules = false
if card_product.selected_or_first_available_variant.quantity_rule.min > 1 or card_product.selected_or_first_available_variant.quantity_rule.max != null or card_product.selected_or_first_available_variant.quantity_rule.increment > 1
assign qty_rules = true
endif
-%}
{%- if card_product.variants.size > 1 or qty_rules -%}
{%- else -%}
{%- endif -%}
{% elsif quick_add == 'bulk' %}
{% if card_product.variants.size == 1 %}
{% else %}
{%- liquid
assign product_form_id = 'quick-add-' | append: section_id | append: card_product.id
assign qty_rules = false
if card_product.selected_or_first_available_variant.quantity_rule.min > 1 or card_product.selected_or_first_available_variant.quantity_rule.max != null or card_product.selected_or_first_available_variant.quantity_rule.increment > 1
assign qty_rules = true
endif
-%}
{% endif %}
{% endif %}
###
{{ card_product.title | escape }}
{%- if show_vendor -%}
{{ 'accessibility.vendor' | t }}
{{ card_product.vendor }}
{%- endif -%}
{{ block.settings.description | escape }}
{%- if show_rating and card_product.metafields.reviews.rating.value != blank -%}
{% liquid
assign rating_decimal = 0
assign decimal = card_product.metafields.reviews.rating.value.rating | modulo: 1
if decimal >= 0.3 and decimal <= 0.7
assign rating_decimal = 0.5
elsif decimal > 0.7
assign rating_decimal = 1
endif
%}
{{- card_product.metafields.reviews.rating.value }} /
{{ card_product.metafields.reviews.rating.value.scale_max -}}
({{ card_product.metafields.reviews.rating_count }})
{{- card_product.metafields.reviews.rating_count }}
{{ 'accessibility.total_reviews' | t -}}
{%- endif -%}
{% render 'price', product: card_product, price_class: '', show_compare_at_price: true %}
{%- if card_product.quantity_price_breaks_configured? -%}
{% if card_product.variants.size == 1 and quick_add == 'bulk' %}
{% liquid
assign quantity_rule = card_product.selected_or_first_available_variant.quantity_rule
assign has_qty_rules = false
if quantity_rule.increment > 1 or quantity_rule.min > 1 or quantity_rule.max != null
assign has_qty_rules = true
endif
%}
{% endif %}
{%- endif -%}
{%- if card_product.available == false -%}
{{- 'products.product.sold_out' | t -}}
{%- elsif card_product.compare_at_price > card_product.price and card_product.available -%}
{{- 'products.product.on_sale' | t -}}
{%- endif -%}
{%- else -%}
{%- liquid
assign ratio = 1
assign placeholder = true
if media_aspect_ratio == 'portrait'
assign ratio = 0.8
endif
-%}
{%- if placeholder_image -%}
{{ placeholder_image | placeholder_svg_tag: 'placeholder-svg' }}
{%- else -%}
{{ 'product-apparel-2' | placeholder_svg_tag: 'placeholder-svg' }}
{% endif %}
###
{{ 'onboarding.product_title' | t }}
{%- if show_vendor -%}
{{ 'accessibility.vendor' | t }}
{{ 'products.product.vendor' | t }}
{%- endif -%}
{% render 'price', placeholder: placeholder, show_compare_at_price: true %}
{%- endif -%}