How to copy "add to cart" button to the end of the product page ?

New Member
1 0 0

Hello,

 

I want to add "add to cart" button on the end of product description. So, the customers don't need to scroll back to the top of the page to add product to the cart.

What is the simplest way to do this ?

Edit theme code or can be made in product html-editor ?

 

Thank you !

0 Likes
Explorer
61 4 6

Hi @aospan 

 

Share your product template codes then I can give you the modified code which can fulfill your need. Best of luck!

To get Shopify Store Design, Customization and Development service, Inbox me.
0 Likes
New Member
6 0 0

The same issue: I need a copy of Add To Cart Button after product description. 

 

That is my code

 

 <div class="product-single__quantity product-form__item">
                        <label for="Quantity" class="product-single__quantity-label">{{ 'products.product.quantity' | t }}</label>
                        {% include 'quantity-selector', type:'product' %}
                      </div>
                {% endif %}
                
                
 
                    <div class="product-single__add-to-cart product-single__add-to-cart--full-width">
                      
                      
                      <button type="submit" name="add" id="AddToCart--{{ section.id }}"
                               class="btn btn--buy btn--add-to-cart"
                               {% unless current_variant.available %} disabled="disabled"{% endunless %}>
                        <span class="btn__text">
                          {% if section.settings.button_cart_icon %}
                            <span class="fas fa-shopping-{{ settings.cart_icon }} button-cart-icon"></span>
                            <span class="fas fa-clock button-soldout-icon"></span>
                          {% endif %}
                          <span class="btn__add-to-cart-text">
                            {% if current_variant.available %}
                              {{ 'products.product.add_to_cart' | t }}
                            {% else %}
                              {{ 'products.product.sold_out' | t }}
                            {% endif %}
                          </span>
                        </span>
                      </button>                 
                      
                      
                      {% if section.settings.enable_payment_button %}
                        {{ form | payment_button }}
                      {% endif %}
                    </div>
                  {% endform %}  
                {% endif %}
              </div>
 
                {% include "dbtfy-trust-badge", position: "product" %} {% unless product.description == blank or section.settings.show_description == false %}
               
              
              
              <div class="product-single__description rte" itemprop="description">
                  {{ product.description }}
              
              </div>
              
              
              {% endunless %}
0 Likes