Solved

Buttons, Color swatch and editing product description

Lillyatpeace
Visitor
2 0 0

Good morning,

 

I want to change a few things on my website.

 

How can I highlight the Pay now button?

How can I change the product color selection to show color swatches and not the color words?

How can I edit the product description for size chart?

 

 

Accepted Solution (1)

biznazz101
Shopify Partner
477 44 84

This is an accepted solution.

Hello, here are a few things you can try!

How can I highlight the Pay now button?

To do this there are a few options you can choose from, but a basic step would be adding a colored border to make it stand out, or maybe a hover effect. To do this you can add something like this to Default Product Template>Buy Buttons>Custom CSS then click Save. To adjust color change the HEX code (ex: #000000).

 

.button {
  border: 2px solid #ff0000;
}
.button:hover {
  border: 2px solid #0000ff;
}

 

 

How can I change the product color selection to show color swatches and not the color words?

To do this without coding knowledge it is best to use an app, there are many for this purpose you could try this one:
https://apps.shopify.com/globo-color-swatches

 

How can I edit the product description for size chart?

Again there are a few ways to do this a simple method is to insert a table using the built in HTML editor in shopify like so:

SIZELENGTHWIDTH
XS22'12'
XL44'24'


but it may be easier to use an app or hire a developer to code them in, this may work for you:
https://apps.shopify.com/kiwi-sizing

I hope that helps answer some of your questions, don't hesitate to reach out if you need help with your store!
@biznazz101 

Don't hesitate to reach out for more help with your store.
SEE OUR TASK STORE or check us out via our profile! FREE STORE AUDIT

View solution in original post

Reply 1 (1)

biznazz101
Shopify Partner
477 44 84

This is an accepted solution.

Hello, here are a few things you can try!

How can I highlight the Pay now button?

To do this there are a few options you can choose from, but a basic step would be adding a colored border to make it stand out, or maybe a hover effect. To do this you can add something like this to Default Product Template>Buy Buttons>Custom CSS then click Save. To adjust color change the HEX code (ex: #000000).

 

.button {
  border: 2px solid #ff0000;
}
.button:hover {
  border: 2px solid #0000ff;
}

 

 

How can I change the product color selection to show color swatches and not the color words?

To do this without coding knowledge it is best to use an app, there are many for this purpose you could try this one:
https://apps.shopify.com/globo-color-swatches

 

How can I edit the product description for size chart?

Again there are a few ways to do this a simple method is to insert a table using the built in HTML editor in shopify like so:

SIZELENGTHWIDTH
XS22'12'
XL44'24'


but it may be easier to use an app or hire a developer to code them in, this may work for you:
https://apps.shopify.com/kiwi-sizing

I hope that helps answer some of your questions, don't hesitate to reach out if you need help with your store!
@biznazz101 

Don't hesitate to reach out for more help with your store.
SEE OUR TASK STORE or check us out via our profile! FREE STORE AUDIT