Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

How to move "Add to Cart" button above product description on Impulse theme

How to move "Add to Cart" button above product description on Impulse theme

ChewingstonChew
Visitor
2 0 0

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:

www.supcase.com

Reply 1 (1)

EcomGraduates
Shopify Partner
757 66 110

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