I have seen some other posts about this, but when I look in my product-template.liquid, I don’t see the code snippets shown in the screen shots of the other accepted solutions. Is this because my theme is different than theirs? Anyway, like the subject says, I want to move my “buy” buttons to the top of the page, preferably right below the price. I am comfortable editing templates, I just need to know which template and which snippet of code to move.
Hi @Constantine2197 ,
Yes, each theme will have different display file structures. Can you send me the code of product-template.liquid file, I will check and guide it for you.
{% if section.settings.product_breadcrumb %}
{{ 'general.breadcrumbs.home' | t }}
{% if collection %}
{{ collection.title }}
{% else %}
{{ collections.all.title }}
{% endif %}
{{ product.title }}
{% comment %}Check to see if sidebar should be enabled{% endcomment %}
{% if section.blocks.size > 0 %}
{% assign sidebar = true %}
{% else %}
{% assign sidebar = false %}
{% endif %}
{% if sidebar %}
{% include ‘sidebar’ %}
{% else %}
{% endif %}
{% endif %}
{% endif %}
{% endif %}
{% schema %}
{% endif %}
{% include 'product-images' %}
{% assign collection_handles = product.collections | map: 'handle' %}
{% assign variant = product.selected_or_first_available_variant %}
{% endif %}
{{ product.title }}
{% unless product.available %}
{% form 'contact' %}
{% if form.posted_successfully? %}
{% endif %}
{% unless form.posted_successfully? %}
{% endunless %}
Thanks! We will notify you when this product becomes available!
{% else %}Click here to be notified by email when {{ product.title }} becomes available.
{% endif %} {% if form.errors %}Please provide a valid email address.
{% if customer %}
{% else %}
{% endif %}
{% endunless %}
{% endform %}
{% if settings.enable_shopify_product_badges %}
{% endif %}
{% if section.settings.display_vendor %}
{{ product.vendor | link_to_vendor }}
{% endif %}{% if variant.sku != blank and section.settings.display_sku %}
{{ variant.sku }}
{% endif %}{% include ‘size-chart-popup’ %}
{% unless collection_handles contains ‘coming-soon’ %}
{% if variant.available == false %}{{ ‘products.product.sold_out’ | t }}{% endif %}
<span itemprop=“price” content=“{{ variant.price | money_without_currency | remove: “,” }}” class=“{% if variant.compare_at_price > variant.price %}sale{% endif %}”>
{% if variant.price > 0 %}
{{ variant.price | money }}
{% else %}
{{ settings.free_price_text }}
{% endif %}
{% if variant.price < variant.compare_at_price and variant.available %}
{{ variant.compare_at_price | money }}
{% endif %}
{% include ‘product-notify-me’ %}
{% endunless %}
{% if section.settings.product_description_position == “top” %}
{% if product.description != blank %}
{{ product.description | split: '' | first }}
{{ product.metafields.spr.reviews }}
{% endif %}
{% endif %}
{% unless collection_handles contains ‘coming-soon’ %}
{% include ‘product-form’ with ‘product’ %}
{% endunless %}
{% if settings.enable_shopify_review_comments and settings.review_position == “top” %}
{{ product.metafields.spr.reviews }}
{% endif %}
{% if section.settings.product_description_position == “bottom” %}
{% if product.description != blank %}
{{ product.description | split: '' | first }}
{{ product.metafields.spr.reviews }}
{% endif %}
{% endif %}
{% if section.settings.display_collections or section.settings.display_tags or section.settings.display_type %}
{% endif %}
{% if section.settings.display_collections %}
{{ 'products.product.collections' | t }}: {% for col in product.collections %} {{ col.title }}{% unless forloop.last %},{% endunless %} {% endfor %}
{% endif %}{% if section.settings.display_tags %}
{% for tag in product.tags %} {% if forloop.first %} {{ 'products.product.tags' | t }}: {% endif %}
{% unless tag contains ‘meta-’ %}
{{ tag }}{% unless forloop.last %},{% endunless %}
{% endunless %}
{% endfor %}
{% if section.settings.display_type %}
{{ 'products.product.product_types' | t }}: {{ product.type | link_to_type }}
{% endif %}
{% include "social-buttons" with "product" %}
{% if collection %}
{% if collection.next_product %} {% capture next_url %}{{ collection.next_product }}{% endcapture %} {{ 'products.general.next_product_html' | t | link_to: next_url }} {% endif %}
{% if collection.previous_product %}
{% capture prev_url %}{{ collection.previous_product }}{% endcapture %}
{{ ‘products.general.previous_product_html’ | t | link_to: prev_url }}
{% endif %}
{% if section.settings.product_images_position == ‘right’ %}
{% include 'product-images' %}
{% endif %}
{% if product.description contains “” %}
{{ product.description | split: '' | last }}
{{ product.metafields.spr.reviews }}
{% if settings.enable_shopify_review_comments and settings.review_position == "bottom" %}
{{ product.metafields.spr.reviews }}
{% endif %}
{% if section.settings.display_related_products %}
{% capture limit %}{{ section.settings.products_per_row | plus: 1 }}{% endcapture %}
{% if collection and collection.all_products_count > 1 %}
{% assign col = collection.handle %}
{% else %}
{% assign col = product.collections.last.handle %}
{% endif %}
{% for tag in product.tags %}
{% if tag contains ‘meta-related-collection-’ %}
{% assign related_collection_handle = tag | remove: ‘meta-related-collection-’ %}
{% if collections[related_collection_handle].all_products_count > 0 %}
{% assign col = related_collection_handle %}
{% assign collection = collections[col] %}
{% capture limit %}{{ collection.products_count | plus: 1 }}{% endcapture %}
{% endif %}
{% endif %}
{% endfor %}
{% if col and collections[col].all_products_count > 0 %}
{% if collections[col].all_products_count != 1 or collections[col].products.first.id != product.id %}
{{ 'products.product.related_items' | t }}
{% assign skip_product = product %}
{% assign products = collections[col].products %}
{% assign products_per_row = section.settings.products_per_row %}
{% include 'product-loop', sidebar: sidebar %}
{
“name”: “Product”,
“class”: “product-template-section”,
“settings”: [
{
“type”: “checkbox”,
“id”: “product_breadcrumb”,
“label”: “Show breadcrumb links”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “display_tags”,
“label”: “Show tags”
},
{
“type”: “checkbox”,
“id”: “display_type”,
“label”: “Show type”
},
{
“type”: “checkbox”,
“id”: “display_vendor”,
“label”: “Show vendor”
},
{
“type”: “checkbox”,
“id”: “display_collections”,
“label”: “Show collections”
},
{
“type”: “checkbox”,
“id”: “display_sku”,
“label”: “Show SKU”
},
{
“type”: “checkbox”,
“id”: “show_payment_button”,
“label”: “Show dynamic checkout button”,
“default”: true,
“info”: “Each customer will see their preferred payment method from those available on your store, such as PayPal or Apple Pay. Learn more”
},
{
“type”: “checkbox”,
“id”: “display_related_products”,
“label”: “Show related products”,
“info”: “Learn more”,
“default”: true
},
{
“type”: “range”,
“id”: “products_per_row”,
“label”: “Related products per row”,
“min”: 2,
“max”: 4,
“step”: 1,
“default”: 3
},
{
“type”: “radio”,
“id”: “product_description_position”,
“label”: “Description position”,
“options”: [
{
“value”: “top”,
“label”: “Above ‘add to cart’”
},
{
“value”: “bottom”,
“label”: “Below ‘add to cart’”
}
]
},
{
“type”: “radio”,
“id”: “product_images_position”,
“label”: “Images position”,
“options”: [
{
“value”: “left”,
“label”: “Left”
},
{
“value”: “right”,
“label”: “Right”
}
]
},
{
“type”: “header”,
“content”: “Sidebar”
},
{
“type”: “paragraph”,
“content”: “Create a sidebar by adding content blocks.”
},
{
“type”: “checkbox”,
“id”: “toggle”,
“label”: “Toggle sidebar content”,
“default”: false
}
],
“blocks”: [
{
“type”: “filter_by_tag”,
“name”: “Tag list”,
“limit”: 1
},
{
“type”: “filter_by_collection”,
“name”: “Collection list”,
“limit”: 1
},
{
“type”: “filter_by_type”,
“name”: “Type list”,
“limit”: 1
},
{
“type”: “filter_by_vendor”,
“name”: “Vendor list”,
“limit”: 1
},
{
“type”: “menu”,
“name”: “Menu”,
“settings”: [
{
“type”: “link_list”,
“id”: “custom_menu_linklist”,
“label”: “Menu”
}
]
},
{
“type”: “text”,
“name”: “Text”,
“settings”: [
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Heading”
},
{
“type”: “richtext”,
“id”: “text”,
“label”: “Text”,
“default”: “
Text area can be used for special announcements or general information.
”}
]
},
{
“type”: “page”,
“name”: “Page”,
“settings”: [
{
“type”: “page”,
“id”: “content_page”,
“label”: “Page”
}
]
}
]
}
{% endschema %}
