How to change the Add to Cart button and payment options - Sense Theme

[CarSyncCentral]

Im wanting to change how my "Add to Cart" button looks and possibly have payment methods under it too. Im pretty much wanting it to look close to something like this:

This is what it currently looks like:

Is this possible to do using the Sense theme or is there an app that does this?

Thanks

[Sweans]

Hi @CarSyncCentral ,

Changing the position of the "Add to Cart" button may require more advanced coding knowledge, but displaying the payment options under the "Add to Cart" button is simpler. Here’s how you can do it:

1. Go to Online Store > Themes.

2. Click on Actions next to your current theme and select Edit code.

3. In the code editor, find the main-product.liquid file, typically located under the Section folder.

4. Locate or search for “buy-buttons” within the main-product.liquid file.

Add the following code after the section where the buy buttons are rendered:

 <div class="productpage__payment">
                  <ul class="list list-payment" role="list">
                    {%- for type in shop.enabled_payment_types -%}
                      <li class="list-payment__item">
                        {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
                      </li>
                    {%- endfor -%}
                  </ul>
                </div>

Refer screenshot:

5. Click Save to apply the changes.

This code will display the available payment options directly under the "Add to Cart" button, making it more visible and convenient for your customers.

I hope this helps! If it does, please like it and mark it as a solution! 

If you need further assistance, feel free to reach out!

Regards,
Sweans