Creating multiple product templates using different button sizes for options

[JacobT (JACOB TOM)]

Hi
I’m in need of help with my first real Webflow site. I have multiple product templates and need different variations on the add to cart elements for each template. Is there a way to build (from scratch) option buttons? The presets baked into the drag and drop “add to cart” elements are making it really difficult to customizing different layouts.

Even though I’ve added different named classes to each element, when I make a change to one template it effects the others.

read only link:
https://preview.webflow.com/preview/chasestation-d99fc90e59ad8d5b993ecebdaf?utm_medium=preview_link&utm_source=designer&utm_content=chasestation-d99fc90e59ad8d5b993ecebdaf&preview=2adbe276ffd6a89618b85977b20b8109&mode=preview

images of templates

Site layout has only been designed for 1440 at this point

thank you in advanced for your help

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[Edward_Padmore]

I’m having this exact same problem, did you come up with a solution for this? Any advice gratefully received. Thanks

[JacobT (JACOB TOM)]

Hi Edward

I don’t know if this is the right way of doing it, but it worked for my situation.

I created a custom field in the CMS for each layout

Then assigned in the CMS one layout for each product ***Forgot to add this visual below, but this is the correct order

Then made a layout/section for each one in the product template page

Then I made a Conditional Visibility on each layout section in the product template

Hope that makes sense. And again I don’t know if this is the right way of doing it or not.
Let me know if you have any other questions or if I can make it clearer on what I did

[JacobT (JACOB TOM)]

created a custom field in the CMS for each layout

[JacobT (JACOB TOM)]

Then made a layout/section for each one in the product template page

[JacobT (JACOB TOM)]

Then I made a Conditional Visibility on each layout section in the product template

[JacobT (JACOB TOM)]

Sorry forgot to add this step. This is adding a layout to each product in the CMS. This should have been the screen grab for step number 2

[JacobT (JACOB TOM)]

See response. Good luck

[Edward_Padmore]

Thank you so much @JacobT - this is extremely helpful. Appreciate the comprehensive reply.

[JacobT (JACOB TOM)]

My Pleasure, hope it helps