Debut Theme: ATC Button positioning & styling (on Homepage & Collection pages)

rhinoquinn
New Member
5 0 0

Hi all, really hoping someone out there can help with this. 

1. Specifically on Homepage and Collection pages (not Product pages) I would like to remove the Qty Selector. Just want the ATC button on its own please.

2. How do I change the styling of the button to match how I have it already on Product pages? (with rounded edges).

3. Position button nicely under pricing (with not too big a gap between them).

Please see attached snips for reference...

rhinoquinn_0-1707810502399.png

 

 

rhinoquinn_1-1707810502316.png

 

 

Site is not live yet. https://junglestory.myshopify.com/

 

Many thanks in advance! 🙂

Replies 2 (2)
rhinoquinn
New Member
5 0 0

Wow, thank you so much. Very exciting to have a possible solution.  🙂

I went to Sections/product-template.liquid file and looked through all the code but cannot locate the code: {% include 'product-form', product: product %}

 

Nor could I find anything very similar. Using keyword search I looked at every instance of 'product-form' but could not identify the correct code to replace/add to.

Any other ideas?  🙂

rhinoquinn
New Member
5 0 0

Also @BookerE1 The editable code at the bottom of the theme.css works to adjust the ATC button BUT unfortunately only on the Product pages. Nothing changes to the styling of the button on homepage and collection page - which is what I need - as the Product pages look fine already.

Any clues on that mystery much appreciated! 🙂