Re: how to add bordered add to cart button on each product on featured collection on home page

Solved

how to add bordered add to cart button on each product on featured collection on home page

Advertfox
Shopify Partner
85 0 17

Hi,

 

i have two featured collection on my home page where i want to add bordered add to cart button under each product of collection grid just like below,

Captureabcd.JPG

 

store : https://wobble-fusion.myshopify.com/

pass: advertfox

Accepted Solution (1)

B2Bridge
Trailblazer
365 75 94

This is an accepted solution.

Hi @Advertfox, to do that, you can open Online Store -> Themes -> Customize. Then in your feature collection settings, you can change the quick add to "Standard"

B2Bridge_0-1739500128164.png

 

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.

View solution in original post

Replies 3 (3)

B2Bridge
Trailblazer
365 75 94

This is an accepted solution.

Hi @Advertfox, to do that, you can open Online Store -> Themes -> Customize. Then in your feature collection settings, you can change the quick add to "Standard"

B2Bridge_0-1739500128164.png

 

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.

Advertfox
Shopify Partner
85 0 17

Hi,

 

thanks for your help, how can i change the button background colors  ?

B2Bridge
Trailblazer
365 75 94

Hi, you can file base.css file in your Online Store -> Themes -> Edit code, then paste this code at the bottom of the file 

.quick-add__submit {
    background: aliceblue !important; // Replace with your taste
}

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.