Liquid, JavaScript, themes, sales channels
Hello Everyone,
I'm relatively new to this and i have started edited the code of my theme to include customization of items.
A new button apperead in my cart to allow edit options.
However, it is not working.
Here's the button
The edit option does nothing.
Here's my cart.liquid:
<!-- /templates/cart.liquid -->
<div class="grid">
<div class="grid__item">
{% if cart.item_count > 0 %}
<h1 class="h2 visually-hidden">{{ 'cart.general.title' | t }}</h1>
<form action="{{ routes.cart_url }}" method="post" novalidate class="cart">
<table class="cart-table responsive-table table--no-border">
<thead class="cart__row cart__header-labels small--hide">
<th class="text-left cart__table-cell--image">{{ 'cart.label.product' | t }}</th>
<th class="text-center cart__table-cell--meta"></th>
<th class="text-right cart__table-cell--price">{{ 'cart.label.price' | t }}</th>
<th class="text-right cart__table-cell--quantity">{{ 'cart.label.quantity' | t }}</th>
<th class="text-right cart__table-cell--line-price">{{ 'cart.label.total' | t }}</th>
</thead>
<tbody>
{% for item in cart.items %}
<tr class="cart__row responsive-table__row">
<td class="cart__table-cell--image small--text-center">
{% unless item.image == blank %}
{%- assign img_url = item.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
{%- capture wrapper_id -%}CartImageWrapper--{{ item.image.id }}{%- endcapture -%}
{%- capture img_id -%}CartImage--{{ item.image.id }}{%- endcapture -%}
{% include 'image-style' with image: item.image, width: 720, height: 600, small_style: false, wrapper_id: wrapper_id, img_id: img_id %}
<div id="{{ wrapper_id }}" class="cart__image-wrapper supports-js">
<a class="cart__image-container" href="{{ item.url | within: collections.all }}" style="padding-top:{{ 1 | divided_by: item.image.aspect_ratio | times: 100}}%;">
<img id="{{ img_id }}"
class="cart__image lazyload"
src="{{ item.image | img_url: '100x100' }}"
data-src="{{ img_url }}"
data-widths="[180, 230, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
data-aspectratio="{{ item.image.aspect_ratio }}"
data-sizes="auto"
alt="{{ item.title | escape }}"
itemprop="image">
</a>
</div>
{% else %}
<a class="supports-js" href="{{ item.url | within: collections.all }}">
<img src="{{ item | img_url: 'grande' }}" alt="{{ item.title | escape }}">
</a>
{% endunless %}
<noscript>
<a href="{{ item.url | within: collections.all }}">
<img class="cart__image" src="{{ item | img_url: 'grande' }}" alt="{{ item.title | escape }}">
</a>
</noscript>
</td>
<td class="cart__table-cell--meta text-center large-up--text-left">
<p>
<a href="{{ item.url }}">{{ item.product.title }}</a>
{% unless item.variant.title contains 'Default' %}
<br /><small>{{ item.variant.title }}</small>
{% endunless %}
{% unless item.selling_plan_allocation == nil %}
<br />
<small>{{ item.selling_plan_allocation.selling_plan.name }}</small>
{% endunless %}
{% assign property_size = item.properties | size %}
{% if property_size > 0 %}
<br />
{%- comment -%}{% for p in item.properties %}
{% assign first_character_in_key = p.first | truncate: 1, '' %}
{% unless p.last == blank or first_character_in_key == '_' %}
<small>
{{ p.first }}:
{% comment %}
Check if there was an uploaded file associated
{% endcomment %}
{% if p.last contains '/uploads/' %}
<a href="{{ p.last }}">{{ p.last | split: '/' | last }}</a>
{% else %}
{{ p.last }}
{% endif %}
</small><br />
{% endunless %}
{% endfor %}{%- endcomment -%}{%- for p in item.properties -%}
{%- unless p.last == blank -%}
<li class="product-details__item product-details__item--property{%if property_size == 0%} {% endif %}" data-cart-item-property>
<span class="product-details__item-label" data-cart-item-property-name>{{ p.first }}: </span>
{%- comment -%}
Check if there was an uploaded file associated
{%- endcomment -%}
<span data-cart-item-property-value>
{%- if p.last contains "uploads" -%}
<a href="{{ p.last }}">Uploaded File</a>
{%- else -%}
{{ p.last }}
{%- endif -%}
</span>
</li>
{%- endunless -%}
{%- endfor -%}
<button type="button" class="edit_cart_option btn btn--primary button" data-product_id="{{item.product_id}}" data-key="{{item.key}}" data-variant_id="{{item.variant_id}}" data-quantity="{{item.quantity}}">Edit Options</button>
{% endif %}
</p>
<p class="txt--minor">
<a href="{{ routes.cart_change_url }}?line={{ forloop.index }}&quantity=0" class="cart__remove">{{ 'cart.general.remove' | t }}</a>
</p>
</td>
<td class="cart__table-cell--price medium-up--text-right" data-label="{{ 'cart.label.price' | t }}">
{%- if item.original_price != item.final_price -%}
<span class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
<del><span class='hulkapps-cart-item-price' data-key='{{item.key}}'>{{ item.original_price | money }}</span></del>
<span class="visually-hidden">{{ 'products.product.sale_price' | t }}</span>
<span class="order-discount">{{ item.final_price | money }}</span>
{%- else -%}
<span class='hulkapps-cart-item-price' data-key='{{item.key}}'>{{ item.original_price | money }}</span>
{%- endif -%}
{% include 'product-unit-price', variant: item, available: item.variant.available %}
{%- if item.line_level_discount_allocations != blank -%}
<ul class="order-discount order-discount--title order-discount--list order-discount--cart-list" aria-label="{{ 'customer.order.discount' | t }}">
{%- for discount_allocation in item.line_level_discount_allocations -%}
<li class="order-discount__item">
{%- include 'icon-saletag' -%}{{ discount_allocation.discount_application.title }} (-{{ discount_allocation.amount | money }})
</li>
{%- endfor -%}
</ul>
{%- endif -%}
</td>
<td data-label="{{ 'cart.label.quantity' | t }}" class="medium-up--text-right cart__table-cell--quantity">
<label class="visually-hidden" for="updates_{{ item.key }}">{{ 'cart.label.quantity' | t }}</label>
<input class="quantity-selector" type="number" name="updates[]" id="updates_{{ item.key }}" value="{{ item.quantity }}" min="0">
</td>
<td data-label="{{ 'cart.label.total' | t }}" class="text-right cart__table-cell--line-price">
{%- if item.original_line_price != item.final_line_price -%}
<span class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
<del><span class='hulkapps-cart-item-line-price' data-key='{{item.key}}'>{{ item.original_line_price | money }}</span></del>
<span class="visually-hidden">{{ 'products.product.sale_price' | t }}</span>
<span class="order-discount">{{ item.final_line_price | money }}</span>
{%- else -%}
<span class='hulkapps-cart-item-line-price' data-key='{{item.key}}'>{{ item.original_line_price | money }}</span>
{%- endif -%}
</td>
</tr>
{% endfor %}
</tbody>
</table>
<footer class="cart__footer">
<div class="grid">
<div class="grid__item large-up--one-half">
<label for="CartSpecialInstructions" class="label--block">{{ 'cart.general.note' | t }}</label>
<textarea name="note" id="CartSpecialInstructions" class="input--block cart__note">{{ cart.note }}</textarea>
</div>
<div class="grid__item text-center large-up--one-half large-up--text-right">
{%- if cart.cart_level_discount_applications != blank -%}
<div class="order-discount-cart-wrapper">
{%- for discount_application in cart.cart_level_discount_applications -%}
<span class="order-discount order-discount--title order-discount--cart">
{%- include 'icon-saletag' -%}<span class="visually-hidden">{{ 'customer.order.discount' | t }}:</span>{{- discount_application.title -}}
</span>
<span class="order-discount order-discount--cart">-{{ discount_application.total_allocated_amount | money }}</span>
{%- endfor -%}
</div>
{%- endif -%}
<p>
<span class="cart__subtotal-title h3">{{ 'cart.general.subtotal' | t }}</span>
<span class="cart__subtotal h3"><span class='hulkapps-cart-original-total'>{{ cart.total_price | money }}</span></span>
</p>
{%- capture taxes_shipping_checkout -%}
{%- if shop.taxes_included and shop.shipping_policy.body != blank -%}
{{ 'cart.general.taxes_included_and_shipping_policy_html' | t: link: shop.shipping_policy.url }}
{%- elsif shop.taxes_included -%}
{{ 'cart.general.taxes_included_but_shipping_at_checkout' | t }}
{%- elsif shop.shipping_policy.body != blank -%}
{{ 'cart.general.taxes_and_shipping_policy_at_checkout_html' | t: link: shop.shipping_policy.url }}
{%- else -%}
{{ 'cart.general.taxes_and_shipping_at_checkout' | t }}
{%- endif -%}
{%- endcapture -%}
<p class="cart__policies txt--emphasis rte">{{ taxes_shipping_checkout }}</p>
<p>
<button type="submit" name="update" class="btn btn--secondary update-cart">
{% include 'icon-update' %}
<span class="icon__fallback-text">{{ 'cart.general.update' | t }}</span>
</button>
<a class="btn btn--secondary" href="{{ routes.all_products_collection_url }}">{{ 'cart.general.continue_shopping' | t }}</a>
</p>
<p>
<button type="submit" name="checkout" class="btn">{{ 'cart.general.checkout' | t }}</button>
</p>
</div>
</div>
</footer>
</form>
{% else %}
{% comment %}
The cart is empty
{% endcomment %}
<div id="EmptyCart">
<h1>{{ 'cart.general.title' | t }}</h1>
<p class="cart--empty-message">{{ 'cart.general.empty' | t }}</p>
<p class="cart--continue-message">{{ 'cart.general.continue_browsing_html' | t: link: routes.all_products_collection_url }}</p>
<p class="cart--cookie-message">{{ 'cart.general.cookies_required' | t }}</p>
</div>
{% endif %}
</div>
</div>
Here's my product section:
<!-- /templates/product.liquid -->
<div itemscope itemtype="http://schema.org/Product" id="ProductSection" data-section-id="{{ section.id }}" data-section-type="product-template" data-image-zoom-type="{{ section.settings.product_image_zoom_type }}" data-show-extra-tab="{{ section.settings.show_extra_tab }}" data-extra-tab-content="{{ section.settings.extra_tab_content }}" data-cart-enable-ajax="{{ settings.cart_enable_ajax }}" data-enable-history-state="true">
<meta itemprop="name" content="{{ product.title }}">
<meta itemprop="url" content="{{ shop.url }}{{ product.url }}">
<meta itemprop="image" content="{{ product.featured_image.src | img_url: 'grande' }}">
{% comment %}
Get first variant in stock, or deep linked one
{% endcomment %}
{% assign current_variant = product.selected_or_first_available_variant %}sss
{%- assign featured_image = current_variant.featured_image | default: product.featured_image -%}
<div class="grid product-single">
<div class="grid__item medium-up--one-half">
{% for image in product.images %}
{% capture img_id %}ProductImage-{{ image.id }}{% endcapture %}
{% capture wrapper_id %}ProductImageWrapper-{{ image.id }}{% endcapture %}
{%- assign img_url = image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
{% include 'image-style' with image: image, width: 720, height: 600, small_style: true, wrapper_id: wrapper_id, img_id: img_id %}
<div id="{{ wrapper_id }}" class="product-single__featured-image-wrapper supports-js{% unless featured_image == image %} hidden{% endunless %}" data-image-id="{{ image.id }}">
<div class="product-single__photos" data-image-id="{{ image.id }}" style="padding-top:{{ 1 | divided_by: image.aspect_ratio | times: 100}}%;">
<img id="{{ img_id }}"
class="product-single__photo lazyload{% unless featured_image == image %} lazypreload{% endunless %}{% if section.settings.product_image_zoom_type == 'lightbox' %} lightbox{% endif %}"
{% if section.settings.product_image_zoom_type == 'zoom-in' %} data-zoom="{{ image | img_url: '1024x1024' }}"{% endif %}
src="{{ image | img_url: '200x200' }}"
data-src="{{ img_url }}"
data-widths="[180, 360, 470, 600, 750, 940, 1080, 1296, 1512, 1728, 2048]"
data-aspectratio="{{ image.aspect_ratio }}"
data-sizes="auto"
alt="{{ image.alt | escape }}">
</div>
{% if product.compare_at_price_max > product.price %}
<span class="badge badge--sale"><span>{{ 'products.product.on_sale' | t }}</span></span>
{% endif %}
</div>
{% endfor %}
<noscript>
<img src="{{ featured_image | img_url: 'grande' }}" alt="{{ featured_image.alt | escape }}">
</noscript>
{% if product.images.size > 1 %}
<ul class="product-single__thumbnails grid grid--uniform" id="ProductThumbs">
{% case product.images.size %}
{% when 2 %}
{% assign thumbnail_width = 'small--one-half medium-up--push-one-sixth medium-up--one-third' %}
{% when 4 %}
{% assign thumbnail_width = 'small--one-half medium-up--one-quarter' %}
{% else %}
{% assign thumbnail_width = 'small--one-third medium-up--one-third' %}
{% endcase %}
{% for image in product.images %}
<li class="grid__item {{ thumbnail_width }}">
<a href="{{ image.src | img_url: 'grande' }}" class="product-single__thumbnail" data-image-id="{{ image.id }}">
<img src="{{ image.src | img_url: 'compact' }}" alt="{{ image.alt | escape }}">
</a>
</li>
{% endfor %}
</ul>
<div class="product-single__description rte">
{{ product.description }}
</div>
{% endif %}
{% if section.settings.product_image_zoom_type == 'lightbox' %}
<ul class="gallery hidden">
{% for image in product.images %}
<li data-image-id="{{ image.id }}" class="gallery__item" data-mfp-src="{{ image | img_url: '2048x2048' }}"></li>
{% endfor %}
</ul>
{% endif %}
</div>
<div class="grid__item medium-up--one-half{% if product.images.size == 0%} medium-up--push-one-half{% endif %}">
<div class="product-single__meta small--text-center">
<h1 class="product-single__title" itemprop="name">{{ product.title }}</h1>
{% if section.settings.vendor_show %}
<p class="product-single__vendor" itemprop="brand">{{ product.vendor }}</p>
{% endif %}
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="{{ cart.currency.iso_code }}">
<link itemprop="availability" href="http://schema.org/{% if current_variant.available %}InStock{% else %}OutOfStock{% endif %}">
<p class="product-single__prices">
{% if product.compare_at_price_max > product.price %}
<span id="ComparePriceA11y" class="visually-hidden">{{ 'products.product.sale_price' | t }}</span>
{% else %}
<span class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
{% endif %}
<span id="ProductPrice" class="product-single__price" itemprop="price" content="{{ current_variant.price | divided_by: 100.00 }}">
{{ current_variant.price | money }}
</span>
{% if product.compare_at_price_max > product.price %}
<span id="PriceA11y" class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
<s class="product-single__price--compare" id="ComparePrice">
{{ current_variant.compare_at_price | money }}
</s>
{% endif %}
{% include 'product-unit-price', variant: current_variant, available: true %}
</p>
{%- if shop.taxes_included or shop.shipping_policy.body != blank -%}
<div class="product-single__policies rte">
{%- if shop.taxes_included -%}
{{ 'products.product.include_taxes' | t }}
{%- endif -%}
{%- if shop.shipping_policy.body != blank -%}
{{ 'products.product.shipping_policy_html' | t: link: shop.shipping_policy.url }}
{%- endif -%}
</div>
{%- endif -%}
{%- assign productClasses = 'product-form' -%}
{%- if product.has_only_default_variant -%}
{%- assign productClasses = productClasses | append: ' product-form--default-variant-only' -%}
{%- endif -%}
{% form 'product', product, class: productClasses %}
<select name="id" id="ProductSelect-{{ section.id }}" class="product-single__variants">
{% for variant in product.variants %}
{% if variant.available %}
<option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>
{% else %}
<option disabled="disabled">
{{ variant.title }} - {{ 'products.product.sold_out' | t }}
</option>
{% endif %}
{% endfor %}
</select>
<p class="line-item-property__field">
<label for="Inscription au bas de l'arbre">Inscription au bas de l'arbre</label>
<input required class="required" id="Inscription au bas de l'arbre" type="text" name="properties[Inscription au bas de l'arbre]">
<input required class="required" type="number" id="inscription au bas de l'arbre" name="properties[Inscription au bas de l'arbre]" min="1" max="31">
</p>
<p class="line-item-property__field">
<label for="Noms-a-inscrire">Noms à inscrire, Veuillez séparé les noms par une virgule</label>
<input required class="required" id="Noms-a-inscrire" type="text" name="properties[Noms à inscrire]">
<input required class="required" type="text" id="Noms a inscrire" name="properties[Noms a inscrire]" min="1" max="31">
</p>
{% if section.settings.product_quantity_enable %}
<div class="product-single__quantity">
<label for="Quantity">{{ 'products.product.quantity' | t }}</label>
<input type="number" id="Quantity" name="quantity" value="1" min="1">
</div>
{% endif %}
<div class="product-single__cart-submit-wrapper{% if section.settings.enable_payment_button %} product-single__shopify-payment-btn{% endif %}{% if section.settings.add_to_cart_width == 'full_width' %} product-form--full{% endif %}">
<button type="submit" name="add" id="AddToCart" class="btn product-single__cart-submit{% if section.settings.add_to_cart_width == 'full_width' %} btn--full{% endif %}{% if section.settings.enable_payment_button and product.selling_plan_groups == empty %} shopify-payment-btn btn--secondary{% endif %}" data-cart-url="{{ routes.cart_url }}">
<span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
</button>
{% if section.settings.enable_payment_button %}
{{ form | payment_button }}
{% endif %}
</div>
{% endform %}
</div>
{% if section.settings.social_sharing_products %}
{% include 'social-sharing', share_title: product.title, share_permalink: product.url, share_image: product %}
{% endif %}
</div>
</div>
</div>
</div>
{% unless product == empty %}
<script type="application/json" id="ProductJson-{{ section.id }}">
{{ product | json }}
</script>
{% endunless %}
<script>
// Override default values of shop.strings for each template.
// Alternate product templates can change values of
// add to cart button, sold out, and unavailable states here.
window.productStrings = {
addToCart: {{ 'products.product.add_to_cart' | t | json }},
soldOut: {{ 'products.product.sold_out' | t | json }},
unavailable: {{ 'products.product.unavailable' | t | json }}
}
</script>
{% schema %}
{
"name": {
"cs": "Stránky produktů",
"da": "Produktsider",
"de": "Produktseiten",
"en": "Product pages",
"es": "Páginas de productos",
"fi": "Tuotesivut",
"fr": "Pages de produits",
"it": "Pagine di prodotto",
"ja": "商品ページ",
"ko": "제품 페이지",
"nb": "Produktsider",
"nl": "Productpagina's",
"pl": "Strony produktu",
"pt-BR": "Páginas de produtos",
"pt-PT": "Páginas de produtos",
"sv": "Produktsidor",
"th": "หน้าสินค้า",
"tr": "Ürün sayfaları",
"vi": "Trang sản phẩm",
"zh-CN": "产品页面",
"zh-TW": "產品頁面"
},
"settings": [
{
"type": "checkbox",
"id": "product_quantity_enable",
"label": {
"cs": "Zobrazit výběr množství",
"da": "Vis antalsvælger",
"de": "Mengenauswahl anzeigen",
"en": "Show quantity selector",
"es": "Mostrar selector de cantidad",
"fi": "Näytä määrän valitsin",
"fr": "Afficher le sélecteur de quantité",
"it": "Mostra selettore quantità",
"ja": "数量セレクターを表示する",
"ko": "수량 선택기 표시",
"nb": "Vis mengdevelger",
"nl": "Hoeveelheidskiezer weergeven",
"pl": "Pokaż selektor ilości",
"pt-BR": "Exiba um seletor de quantidade",
"pt-PT": "Mostrar um seletor de quantidade",
"sv": "Visa kvantitetsväljare",
"th": "แสดงตัวเลือกจำนวน",
"tr": "Adet seçiciyi göster",
"vi": "Hiển thị hộp chọn số lượng",
"zh-CN": "显示数量选择器",
"zh-TW": "顯示數量選擇器"
}
},
{
"type": "checkbox",
"id": "vendor_show",
"label": {
"cs": "Zobrazit dodavatele produktu",
"da": "Vis produktleverandør",
"de": "Produktanbieter anzeigen",
"en": "Show product vendor",
"es": "Mostrar proveedor del producto",
"fi": "Näytä tuotteen myyjä",
"fr": "Afficher le distributeur du produit",
"it": "Mostra fornitore prodotto",
"ja": "商品の販売元を表示する",
"ko": "제품 공급 업체 표시",
"nb": "Vis produktleverandør",
"nl": "Productleverancier weergeven",
"pl": "Pokaż dostawcę produktu",
"pt-BR": "Exiba o fornecedor do produto",
"pt-PT": "Mostrar o fornecedor do produto",
"sv": "Visa produktsäljare",
"th": "แสดงผู้ขายสินค้า",
"tr": "Ürün satıcısını göster",
"vi": "Hiển thị nhà cung cấp sản phẩm",
"zh-CN": "显示产品厂商",
"zh-TW": "顯示產品廠商"
}
},
{
"type": "checkbox",
"id": "social_sharing_products",
"label": {
"cs": "Povolit sdílení u produktů",
"da": "Aktivér deling for produkter",
"de": "Teilen von Produkten aktivieren",
"en": "Enable sharing for products",
"es": "Habilitar compartir para los productos",
"fi": "Ota tuotteiden jakaminen käyttöön.",
"fr": "Activer le partage pour les produits",
"it": "Permetti condivisione prodotti",
"ja": "商品の共有を有効にする",
"ko": "제품 공유 사용",
"nb": "Aktiver deling for produkter",
"nl": "Delen inschakelen voor producten",
"pl": "Włącz udostępnianie produktów",
"pt-BR": "Habilitar compartilhamento para produtos",
"pt-PT": "Ativar partilha para produtos",
"sv": "Aktivera delning för produkter",
"th": "เปิดใช้การแชร์สินค้า",
"tr": "Ürünler için paylaşmayı etkinleştir",
"vi": "Bật chia sẻ sản phẩm",
"zh-CN": "启用产品分享",
"zh-TW": "啟用產品分享"
},
"default": true
},
{
"type": "header",
"content": {
"cs": "Popis",
"da": "Beskrivelse",
"de": "Beschreibung",
"en": "Description",
"es": "Descripción",
"fi": "Kuvaus",
"fr": "Description",
"it": "Descrizione",
"ja": "説明",
"ko": "설명",
"nb": "Beskrivelse",
"nl": "Beschrijving",
"pl": "Opis",
"pt-BR": "Descrição",
"pt-PT": "Descrição",
"sv": "Beskrivning",
"th": "คำอธิบาย",
"tr": "Açıklama",
"vi": "Mô tả",
"zh-CN": "描述",
"zh-TW": "說明"
}
},
{
"type": "select",
"id": "product_description_position",
"label": {
"cs": "Pozice",
"da": "Placering",
"de": "Position",
"en": "Position",
"es": "Posición",
"fi": "Sijainti",
"fr": "Position",
"it": "Posizione",
"ja": "位置",
"ko": "위치",
"nb": "Posisjon",
"nl": "Positie",
"pl": "Pozycja",
"pt-BR": "Posição",
"pt-PT": "Posição",
"sv": "Position",
"th": "ตำแหน่ง",
"tr": "Konum",
"vi": "Vị trí",
"zh-CN": "位置",
"zh-TW": "位置"
},
"default": "below",
"options": [
{
"value": "right",
"label": {
"cs": "Napravo od obrázků",
"da": "Til højre for billeder",
"de": "Rechte von Bildern",
"en": "Right of images",
"es": "A la derecha de las imágenes",
"fi": "Kuvien oikealla puolella",
"fr": "Droit d'images",
"it": "A destra delle immagini",
"ja": "画像の右",
"ko": "이미지의 오른쪽",
"nb": "Til høyre for bildet",
"nl": "Rechts van afbeeldingen",
"pl": "Na prawo od obrazów",
"pt-BR": "Direito de imagens",
"pt-PT": "À direita das imagens",
"sv": "Höger om bilder",
"th": "ด้านขวาของภาพ",
"tr": "Görsellerin sağı",
"vi": "Bên phải hình ảnh",
"zh-CN": "图片右侧",
"zh-TW": "圖片右方"
}
},
{
"value": "below",
"label": {
"cs": "Pod obrázky",
"da": "Under billeder",
"de": "Unter Bildern",
"en": "Below images",
"es": "Debajo de las imágenes",
"fi": "Kuvien alapuolella",
"fr": "Sous les images",
"it": "Sotto le immagini",
"ja": "画像の下",
"ko": "아래 이미지",
"nb": "Under bildet",
"nl": "Onder afbeeldingen",
"pl": "Pod obrazami",
"pt-BR": "Imagens abaixo",
"pt-PT": "Abaixo das imagens",
"sv": "Under bilder",
"th": "ด้านล่างของภาพ",
"tr": "Görsellerin altı",
"vi": "Bên dưới hình ảnh",
"zh-CN": "图片下方",
"zh-TW": "圖片下方"
}
}
]
},
{
"type": "checkbox",
"id": "show_extra_tab",
"label": {
"cs": "Zobrazit kartu vedle popisu produktu",
"da": "Vis en fane ved siden af din produktbeskrivelse",
"de": "Ein Tab neben deiner Produktbeschreibung anzeigen",
"en": "Show a tab next to your product description",
"es": "Mostrar una pestaña al lado de la descripción de tu producto",
"fi": "Näytä tuotekuvauksen vieressä oleva välilehti",
"fr": "Afficher un onglet à côté de la description de votre produit",
"it": "Mostra una scheda accanto alla descrizione del prodotto",
"ja": "商品説明の横にタブを表示する",
"ko": "제품 설명 옆에 탭 표시",
"nb": "Vis en fane ved siden av produktbeskrivelsen",
"nl": "Laat tabblad zien naast je productbeschrijving",
"pl": "Pokaż kartę obok opisu produktu",
"pt-BR": "Exibir uma aba ao lado da descrição do seu produto",
"pt-PT": "Mostrar um separador ao lado da sua descrição do produto",
"sv": "Visa en flik intill produktbeskrivningen",
"th": "แสดงแท็บถัดจากคำอธิบายสินค้าของคุณ",
"tr": "Ürün açıklamasının yanında sekme göster",
"vi": "Hiển thị tab bên cạnh mô tả sản phẩm",
"zh-CN": "显示产品描述旁边的标签",
"zh-TW": "於產品說明旁邊顯示索引標籤"
},
"default": false
},
{
"type": "page",
"id": "extra_tab_content",
"label": {
"cs": "Obsah karty",
"da": "Fanens indhold",
"de": "Tab-Inhalt",
"en": "Tab content",
"es": "Contenido de la pestaña",
"fi": "Välilehden sisältö",
"fr": "Contenu de l'onglet",
"it": "Contenuto della scheda",
"ja": "タブのコンテンツ",
"ko": "탭 콘텐츠",
"nb": "Faneinnhold",
"nl": "Content tabblad",
"pl": "Zawartość karty",
"pt-BR": "Conteúdo da aba",
"pt-PT": "Conteúdo do separador",
"sv": "Flikens innehåll",
"th": "เนื้อหาแท็บ",
"tr": "Sekme içeriği",
"vi": "Nội dung tab",
"zh-CN": "标签内容",
"zh-TW": "索引標籤內容"
},
"info": {
"cs": "Tento obsah stránky se zobrazí na samostatné kartě.",
"da": "Dette sideindhold vises i den ekstra fane.",
"de": "Der Inhalt dieser Seite wird auf der zusätzlichen Registerkarte angezeigt.",
"en": "This page content will appear in the extra tab.",
"es": "El contenido de esta página aparecerá en la pestaña adicional.",
"fi": "Tämä sivun sisältö näkyy ylimääräisessä välilehdessä.",
"fr": "Le contenu de cette page s'affichera dans l'onglet supplémentaire.",
"it": "Il contenuto di questa pagina verrà visualizzato nella scheda aggiuntiva.",
"ja": "このページのコンテンツは追加のタブに表示されます。",
"ko": "이 페이지 콘텐츠는 추가 탭에 나타납니다.",
"nb": "Dette sideinnholdet vil vises i ekstrafanen.",
"nl": "De content van deze pagina verschijnt in het extra tabblad.",
"pl": "Zawartość tej strony pojawi się na dodatkowej karcie.",
"pt-BR": "O conteúdo dessa página aparecerá na aba extra.",
"pt-PT": "O conteúdo desta página vai aparecer no separador adicional.",
"sv": "Sidinnehållet visas i fliken Extra.",
"th": "เนื้อหาของหน้านี้จะปรากฏในแท็บพิเศษ",
"tr": "Bu sayfa içeriği ek sekmede görünür.",
"vi": "Nội dung trang này sẽ xuất hiện trong tab bổ sung.",
"zh-CN": "此页内容将显示在额外标签中。",
"zh-TW": "此頁面內容將出現在額外索引標籤。"
}
},
{
"type": "header",
"content": {
"cs": "Propagovaný obrázek",
"da": "Udvalgt billede",
"de": "Feature-Bild",
"en": "Featured image",
"es": "Imagen destacada",
"fi": "Esittelykuva",
"fr": "Image vedette",
"it": "Immagine in evidenza",
"ja": "記事のサムネイル",
"ko": "추천 이미지",
"nb": "Utvalgt bilde",
"nl": "Uitgelichte afbeelding",
"pl": "Wyróżniony obraz",
"pt-BR": "Imagem em destaque",
"pt-PT": "Imagem em destaque",
"sv": "Utvald bild",
"th": "รูปภาพที่แสดง",
"tr": "Öne çıkan görsel",
"vi": "Hình ảnh nổi bật",
"zh-CN": "配图",
"zh-TW": "特色圖片"
}
},
{
"type": "select",
"id": "product_image_zoom_type",
"label": {
"cs": "Typ zvětšení",
"da": "Zoomtype",
"de": "Zoomtyp",
"en": "Zoom type",
"es": "Tipo de zoom",
"fi": "Zoomaustyyppi",
"fr": "Type de zoom",
"it": "Tipo di zoom",
"ja": "ズームタイプ",
"ko": "확대 유형",
"nb": "Zoomtype",
"nl": "Type zoom",
"pl": "Typ powiększenia",
"pt-BR": "Tipo de zoom",
"pt-PT": "Tipo de zoom",
"sv": "Zoomtyp",
"th": "ประเภทการซูมภาพ",
"tr": "Yakınlaştırma türü",
"vi": "Kiểu thu phóng",
"zh-CN": "缩放类型",
"zh-TW": "縮放類型"
},
"options": [
{
"value": "lightbox",
"label": {
"cs": "Lightbox",
"da": "Lightbox",
"de": "Leuchtkasten",
"en": "Lightbox",
"es": "Lightbox",
"fi": "Lightbox-valotaulu",
"fr": "Visionneuse d'image",
"it": "Lightbox",
"ja": "Lightbox",
"ko": "라이트 박스",
"nb": "Lysboks",
"nl": "Lightbox",
"pl": "Lightbox",
"pt-BR": "Lightbox",
"pt-PT": "Lightbox",
"sv": "Ljuslåda",
"th": "Lightbox",
"tr": "Lightbox",
"vi": "Lightbox",
"zh-CN": "灯箱",
"zh-TW": "燈箱"
}
},
{
"value": "zoom-in",
"label": {
"cs": "Přiblížení",
"da": "Zoom ind",
"de": "Heranzoomen",
"en": "Zoom-in",
"es": "Acercar",
"fi": "Lähennä",
"fr": "Zoom avant",
"it": "Zoom avanti",
"ja": "ズームイン",
"ko": "확대",
"nb": "Zoom inn",
"nl": "Inzoomen",
"pl": "Powiększ",
"pt-BR": "Mais zoom",
"pt-PT": "Mais zoom",
"sv": "Zooma in",
"th": "ซูมเข้า",
"tr": "Yakınlaştırma",
"vi": "Phóng to",
"zh-CN": "缩小",
"zh-TW": "放大"
}
},
{
"value": "none",
"label": {
"cs": "Bez zvětšení",
"da": "Ingen zoom",
"de": "Nicht zoomen",
"en": "No zoom",
"es": "Sin zoom",
"fi": "Ei zoomausta",
"fr": "Pas de zoom",
"it": "Nessun zoom",
"ja": "ズームなし",
"ko": "확대 없음",
"nb": "Ingen zoom",
"nl": "Geen zoom",
"pl": "Bez powiększenia",
"pt-BR": "Sem zoom",
"pt-PT": "Sem zoom",
"sv": "Ingen zoom",
"th": "ไม่มีการซูม",
"tr": "Yakınlaştırma yok",
"vi": "Không thu phóng",
"zh-CN": "无缩放",
"zh-TW": "無縮放"
}
}
]
},
{
"type": "header",
"content": {
"cs": "Tlačítko Přidat do košíku",
"da": "Knappen Læg i indkøbskurven",
"de": "Schaltfläche In den Warenkorb",
"en": "Add to cart button",
"es": "Añadir al carrito",
"fi": "Lisää ostoskoriin -painike",
"fr": "Bouton d'ajout au panier",
"it": "Pulsante \"Aggiungi al carrello\"",
"ja": "カートボタンに追加する",
"ko": "카트 버튼에 추가",
"nb": "Legg i handlekurv-knapp",
"nl": "Knop aan winkelwagen toevoegen",
"pl": "Przycisk Dodaj do koszyka",
"pt-BR": "Botão Adicionar ao carrinho",
"pt-PT": "Botão Adicionar ao carrinho",
"sv": "Lägg i varukorgen-knappen",
"th": "ปุ่มเพิ่มลงในตะกร้าสินค้า",
"tr": "Sepete ekle düğmesi",
"vi": "Thêm vào nút giỏ hàng",
"zh-CN": "“添加到购物车”按钮",
"zh-TW": "加入購物車按鈕"
}
},
{
"type": "checkbox",
"id": "enable_payment_button",
"label": {
"cs": "Zobrazit dynamické tlačítko pokladny",
"da": "Vis dynamisk betalingsknap",
"de": "Dynamischen Checkout Button anzeigen",
"en": "Show dynamic checkout button",
"es": "Mostrar botón de pago dinámico",
"fi": "Näytä dynaaminen kassapainike",
"fr": "Afficher le bouton de paiement dynamique",
"it": "Mostra pulsante di check-out dinamico",
"ja": "動的チェックアウトボタンを表示する",
"ko": "동적 결제 버튼 표시",
"nb": "Vis dynamisk knapp for å gå til kassen",
"nl": "Dynamische betaalknop weergeven",
"pl": "Pokaż dynamiczny przycisk realizacji zakupu",
"pt-BR": "Exibir botão de checkout dinâmico",
"pt-PT": "Mostrar o botão dinâmico de finalização da compra",
"sv": "Visa dynamiska utcheckningsknappar",
"th": "แสดงปุ่มชำระเงินแบบไดนามิก",
"tr": "Dinamik ödeme düğmesini göster",
"vi": "Hiển thị nút thanh toán động",
"zh-CN": "显示动态结账按钮",
"zh-TW": "顯示動態結帳按鈕"
},
"info": {
"cs": "Každý zákazník uvidí platební metodu, kterou ze všech metod dostupných v obchodě (například PayPal nebo Apple Pay) nejvíce preferuje. [Další informace](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"da": "Den enkelte kunde vil se sin foretrukne betalingsmetode blandt dem, der er tilgængelige i din butik, f.eks. PayPal eller Apple Pay. [Få mere at vide](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"de": "Jeder Kunde sieht seine bevorzugte Zahlungsmethode aus den in deinem Shop verfügbaren Zahlungsmethoden wie PayPal oder Apple Pay. [Mehr Informationen](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"en": "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)",
"es": "Cada cliente verá su forma de pago preferida entre las disponibles en tu tienda, como PayPal o Apple Pay. [Más información](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"fi": "Kukin asiakas näkee ensisijaisen valintansa kauppasi tarjoamista maksutavoista, esim. PayPal tai Apple Pay. [Lisätietoja](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"fr": "Chaque client verra son moyen de paiement préféré parmi ceux qui sont proposés sur votre boutique, tels que PayPal ou Apple Pay. [En savoir plus](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"it": "Ogni cliente vedrà il suo metodo di pagamento preferito tra quelli disponibili nel tuo negozio, come PayPal o Apple Pay. [Maggiori informazioni](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"ja": "PayPalやApple Payなど、ストアで利用可能なお好みの決済方法がお客様に表示されます。[詳しくはこちら](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"ko": "각 고객은 PayPal 또는 Apple Pay와 같이 스토어에서 사용 가능한 기본 결제 방법을 확인할 수 있습니다. [자세히 알아보기](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"nb": "Hver enkelt kunde vil se sin foretrukne betalingsmåte blant de som er tilgjengelig i butikken din, som PayPal eller Apple Pay. [Finn ut mer](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"nl": "Elke klant ziet zijn of haar beschikbare voorkeursmethode om af te rekenen, zoals PayPal of Apple Pay. [Meer informatie](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"pl": "Każdy klient zobaczy swoją preferowaną metodę płatności wśród metod dostępnych w Twoim sklepie, np. PayPal lub Apple Pay. [Dowiedz się więcej](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"pt-BR": "Cada cliente verá a forma de pagamento preferencial dentre as disponíveis na loja, como PayPal ou Apple Pay. [Saiba mais](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"pt-PT": "Cada cliente irá ver o seu método de pagamento preferido entre os disponíveis na loja, como o PayPal ou Apple Pay. [Saiba mais](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"sv": "Varje kund kommer att se den föredragna betalningsmetoden från de som finns tillgängliga i din butik, till exempel PayPal eller Apple Pay. [Läs mer](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"th": "ลูกค้าแต่ละรายจะเห็นวิธีการชำระเงินที่ต้องการจากวิธีที่ใช้ได้ในร้านค้าของคุณ เช่น PayPal หรือ Apple Pay [ดูข้อมูลเพิ่มเติม](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"tr": "Her müşteri, mağazanızda sunulanlar arasından tercih ettikleri ödeme yöntemini görür (ör. PayPal veya Apple Pay). [Daha fazla bilgi edinin](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"vi": "Mỗi khách hàng sẽ thấy phương thức thanh toán ưu tiên trong những phương thức thanh toán được hỗ trợ tại cửa hàng như PayPal hoặc Apple Pay. [Tìm hiểu thêm](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"zh-CN": "每位客户都可在您商店提供的付款方式中看到他们的首选付款方式,例如 PayPal 或 Apple Pay。[了解详细信息](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"zh-TW": "每位顧客都可以在您商店內開放使用的付款方式中看見他們偏好使用的方式,如 PayPal、Apple Pay 等。[深入瞭解](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)"
},
"default": true
},
{
"type": "select",
"id": "add_to_cart_width",
"label": {
"cs": "Velikost tlačítka",
"da": "Knapstørrelse",
"de": "Schaltflächengröße",
"en": "Button size",
"es": "Tamaño del botón",
"fi": "Painikkeen koko",
"fr": "Taille du bouton",
"it": "Dimensione pulsante",
"ja": "ボタンのサイズ",
"ko": "버튼 사이즈",
"nb": "Knappestørrelse",
"nl": "Afmeting knop",
"pl": "Rozmiar przycisku",
"pt-BR": "Tamanho do botão",
"pt-PT": "Tamanho do botão",
"sv": "Knappstorlek",
"th": "ขนาดปุ่ม",
"tr": "Düğme boyutu",
"vi": "Cỡ nút",
"zh-CN": "按钮大小",
"zh-TW": "按鈕尺寸"
},
"options": [
{
"value": "regular",
"label": {
"cs": "Standardní",
"da": "Almindelig",
"de": "Regulär",
"en": "Regular",
"es": "Normal",
"fi": "Normaali",
"fr": "Normal",
"it": "Regolare",
"ja": "通常",
"ko": "일반",
"nb": "Vanlig",
"nl": "Standaard",
"pl": "Zwykły",
"pt-BR": "Regular",
"pt-PT": "Normal",
"sv": "Regelbunden",
"th": "ปกติ",
"tr": "Normal",
"vi": "Thông thường",
"zh-CN": "一般设置",
"zh-TW": "標準"
}
},
{
"value": "full_width",
"label": {
"cs": "Plná šířka",
"da": "Fuld bredde",
"de": "Volle Breite",
"en": "Full width",
"es": "Ancho completo",
"fi": "Täysi leveys",
"fr": "Pleine largeur",
"it": "Intera larghezza",
"ja": "全幅",
"ko": "전체 폭",
"nb": "Full bredde",
"nl": "Volledige breedte",
"pl": "Pełna szerokość",
"pt-BR": "Largura completa",
"pt-PT": "Largura total",
"sv": "Full bredd",
"th": "เต็มความกว้าง",
"tr": "Tam genişlik",
"vi": "Độ rộng đầy đủ",
"zh-CN": "全宽",
"zh-TW": "全寬度"
}
}
]
}
]
}
{% endschema %}
Can anyone help please?
Best regards
Hi there,
Were you ever able to find a solution to this problem? My cart is also showing an Edit Options button and I am not sure where it came from and am also trying to get rid of it.
Thanks.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024