A space to discuss online store customization, theme development, and Liquid templating.
Hello, I want to move the "Add to Cart" and "Buy on Amazon" and "Buy in Bulk" buttons and link above the product description. I'm a newcomer to Shopify and I'm having major trouble trying to find the correct file to edit.
You can find the website here:
In the left sidebar of the code editor, locate and click on the file named product-template.liquid.
Look for the section of code that contains the buttons you want to move. This may vary depending on your theme, but you can try searching for the following code:
<form action="{{ routes.cart_add_url }}" method="post" enctype="multipart/form-data" class="product-form">
...
<div class="product-form__controls-group product-form__controls-group--submit">
...
<button type="submit" name="add" class="btn btn--primary btn--full{% if button_alignment == 'right' %} btn--right{% endif %} product-form__cart-submit">
{{ 'products.product.add_to_cart' | t }}
</button>
...
</div>
...
</form>
Cut and paste the entire section of code that contains the buttons to the desired location above the product description.
Save the changes to the product-template.liquid
file.
If this fixed your issue, likes and accepting as a solution are highly appreciated
| Build an online presence with our custom-built Shopify Theme: EcomifyTheme
| Check out our reviews: Trustpilot Reviews
| We are Shopify Partners: EcomGraduates Shopify Partner