Liquid, JavaScript, themes, sales channels
Hello! Any assistance with moving the product description above the "add to cart button" would be greatly appreciated. Specifically, the code that we can copy/paste.
URL: https://yyuu1kzktbtdwn6e-51356369067.shopifypreview.com
Theme:Atlantic
Hi,
Can you share the file product-template ?
Yes! How's this...
Product.liquid
{% section 'static-product' %}
{% section 'static-product-recommendations' %}
<script>
Theme.products["{{ product.id }}"] = {{ product | json }};
Theme.products["{{ product.id }}"].firstVariant = {{ product.selected_or_first_available_variant.id | json }};
</script>
<script src=https://widget.sezzle.com/v1/javascript/price-widget?uuid=42bb089a-3817-4cd3-ae9f-6d7398a1b27e></scr...>
<script
type="application/json"
data-section-type="static-product"
data-section-id="{{ section.id }}"
data-section-data
>
{
"product": {{ product | json }},
"settings": {
"enable_cart_redirect": {{ section.settings.enable_cart_redirect | json }},
"enable_history": true,
"gallery_enable_video_autoplay": {{ section.settings.gallery_enable_video_autoplay | json }},
"gallery_enable_video_looping": {{ section.settings.gallery_enable_video_looping | json }},
"money_format": {{ shop[settings.currency_display_format] | default: shop.money_format | strip_html | json }}
},
"locale": {
"add_to_cart": {{ 'products.product.add_to_cart' | t | json }},
"sold_out": {{ 'products.product.sold_out' | t | json }},
"unavailable": {{ 'products.product.unavailable' | t | json }}
}
}
</script>
<div class="content-area">
{% render 'breadcrumbs' %}
</div>
<div class="content content-area">
{%
render 'product',
product: product,
fitting_guide_icon: section.settings.fitting-guide-icon,
fitting_guide_url: section.settings.fitting-guide-link,
show_brand_names: settings.show-brand-names,
show_email_link: section.settings.product-email-link,
show_media_borders: settings.media_borders,
show_quantity: section.settings.product-quantity-option,
show_spb: section.settings.show_spb,
show_social_buttons: section.settings.social-sharing-buttons,
gallery_layout: section.settings.gallery_layout,
enable_image_zoom: section.settings.gallery_enable_image_zoom,
details_alignment: section.settings.details_alignment,
variant_options_style: section.settings.variant_options_style,
show_sku: section.settings.show_variant_sku,
show_description: true,
%}
</div>
{% schema %}
{
"name": "Product pages",
"class": "section-product",
"settings": [
{
"type": "header",
"content": "Layout"
},
{
"type": "select",
"id": "details_alignment",
"label": "Product details alignment",
"options": [
{
"value": "center",
"label": "Center"
},
{
"value": "left",
"label": "Left"
}
],
"default": "center"
},
{
"type": "header",
"content": "General"
},
{
"type": "select",
"id": "variant_options_style",
"label": "Variant options style",
"options": [
{
"value": "select",
"label": "Dropdowns"
},
{
"value": "radio",
"label": "Selectable boxes"
}
],
"default": "select"
},
{
"type": "checkbox",
"id": "show_variant_sku",
"label": "Show variant SKU",
"default": false
},
{
"type": "checkbox",
"id": "show-breadcrumbs",
"label": "Show breadcrumbs",
"default": true
},
{
"type": "checkbox",
"id": "product-quantity-option",
"label": "Show quantity selector",
"default": true
},
{
"type": "checkbox",
"id": "product-email-link",
"label": "Show email link",
"default": true
},
{
"type": "checkbox",
"id": "show_spb",
"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": "checkbox",
"id": "enable_cart_redirect",
"label": "Enable cart redirection",
"info": "Automatically sends users to the Cart page after adding a product.",
"default": false
},
{
"type": "checkbox",
"id": "social-sharing-buttons",
"label": "Enable social sharing",
"default": true
},
{
"type": "header",
"content": "Media"
},
{
"type": "paragraph",
"content": "Learn more about [media types](https://help.shopify.com/en/manual/products/product-media/product-media-types)"
},
{
"type": "select",
"id": "gallery_layout",
"label": "Layout",
"options": [
{
"group": "List",
"label": "No thumbnails",
"value": "list"
},
{
"group": "Gallery",
"label": "Thumbnails left of gallery",
"value": "gallery-left"
},
{
"group": "Gallery",
"label": "Thumbnails right of gallery",
"value": "gallery-right"
},
{
"group": "Gallery",
"label": "Thumbnails below gallery",
"value": "gallery-below"
}
]
},
{
"type": "checkbox",
"id": "gallery_enable_image_zoom",
"label": "Enable image zoom",
"default": true
},
{
"type": "checkbox",
"id": "gallery_enable_video_autoplay",
"label": "Enable video autoplay",
"default": true
},
{
"type": "checkbox",
"id": "gallery_enable_video_looping",
"label": "Enable video looping",
"default": true
},
{
"type": "header",
"content": "Fitting guide"
},
{
"type": "page",
"id": "fitting-guide-link",
"label": "Page"
},
{
"type": "select",
"id": "fitting-guide-icon",
"label": "Fitting guide icon",
"options": [
{
"value": "shirt",
"label": "Shirt"
},
{
"value": "ruler",
"label": "Ruler"
},
{
"value": "info",
"label": "Info"
}
],
"default": "shirt"
}
]
}
{% endschema %}
Hello @lezalabel, did you ever figure this out? Do you still need a solution? Just let me know, I believe I have sorted it out on my brother's website and could recommend changes, I am not sure if they are Shopify recommended or if they would persist if the theme was updated but it is possible.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024