I am trying to modify the product template for some of my products so I copied and pasted the entire content of the existing one into a new "section" file but have run into a few issues with that. What I did is as follows:
Once that was done I changed the product template in one of my test products to the new template that I just created and even though it was an exact copy & paste the quantity selector box is now missing and the "ADD TO CART" looks different. Below is a product using the original product template and also a duplicate of that product using the "product.tabbed" template
Any help would be greatly appreciated.
Solved! Go to the solution
This is an accepted solution.
Hello and welcome to the community!
I am going to assume you are using Supply theme by Shopify - looks like it. But it does help mentioning what theme you are using when asking theme related questions.
Regarding the button style - your add to cart button has an extra class added to it .btn--secondary-accent because of of a section setting called enable_payment_button. You need to go to your theme customiser and customise that section making sure that "Show dynamic checkout button" is disabled. Of course, if you wish to leave it enabled you could also change the code mentioned in the previous sentence.
Same goes for quantity - enable "Show quantity selector".
Hope this helps!
Thank you for the response. I do not see the dynamic checkout button or quantity selector in the supply theme customization but even if they were there I do not believe that would solve my issue. The add to cart button and quantity selector show correctly on all my products except the one using the duplicated product template.
My question was if I duplicated the code exactly by doing a select all and then copy & paste in a new file why is the add to cart button changing and quantity selector disappearing?
Yes. It was exactly as @KarlOffenberger suggested and I just weren't thinking straight at the time about what he was referring to. Just go to the customize theme section (not the code and rather the GUI) and on the live view screen go to one of the products that uses the new template. Then click on the product section on the right menu and change it from there. Once done it will be saved on the backend
for that new template