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.

We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

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
862 71 126

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.

 Like + accept if this helped |
 Theme: EcomifyTheme |
️ Get An Audit: Here