Spotlight theme - how to add to cart button

Store Design
1

Hi all,

I recently started creating my shop. So as in title is there any option to create “add to cart” button in my theme?

It is little bit annoying having only buy now option to choose.

Thank’s for any feedback

2

Hi @backbeatwear
Can you please share your store URL

3

Hi @backbeatwear ,

I have checked your website and noticed that the add-to-cart button is still present, but its color is set to black and blends with the background color of the website, making it invisible. To make it visible, you need to adjust the background color for the add-to-cart button.

2024-04-24_15-18-43.png
2024-04-24_15-18-43.png1579×1147 443 KB

4

Hi @backbeatwear

Buy buttons include Add to cart button on product page.

5

Hi,

It seems that some elements might be hidden or there could be an incorrect setting causing the issue, possibly originating from your theme.

The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I’ll help.

Navigate to the ‘Edit Code’ option in your theme settings, then search for “base.css” in the search bar and add below codes.

.product-form__buttons .button {

    background: aliceblue;

}

base.css
base.css1878×902 166 KB

Terence

6

Yes but it got same color as whole page background

7

How can i easily change color of button ?

8

Hi,

thanks for help. now only question about changing button color. if i want to use one of the theme colors. do i write color code instead of name : aliceblue ??

9

Hi again.

There’s really no need. The color issue is quite complicated. Add an “eye dropper” in the Chrome browser, then you can set the colors in the area below as “#916d3b”.

Example

background: #916d3b;