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
588 48 77

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.