How do I customize my Online Store color theme?

Customize your Online Store to suit your brand by choosing a new color theme.

To get started, log into SalonInteractive. Then, from your menu, go to eCommerce, and Customize. Click Theme.

How do I customize my online store-02

Here, you can upload and edit your logo and select a theme for your Online Store.

To upload your logo, either use the Click to Upload File link or drag and drop your .png or .jpg file to the upload area. 

If possible, use a png file with a transparent background with an image that is 100x100px to 400x400px. 

NOTE: If you select the Midnight color theme, it's best to upload a white logo.

How do I customize my online store-03

Once the logo is uploaded, you’ll see it displayed in this section. If you view your Online Store, you’ll see it on your header and footer.

You have the option to change the color palette of your Online Store with your choice of five distinct themes, including:

  • Modern
  • Elegance
  • Color Blast
  • Organic
  • Midnight

To change the color palette of your online store from Modern, the default, select the theme you want in the dropdown, then click the Preview button in the blue banner at the top of your screen, and your store will open in a new tab. Take a look around, and if you like how the theme looks for your Online Store, exit preview mode and select Publish

How do I customize my online store-04a

Next, you’ll see a pop-up asking if you are ready to update your Online Store with all the changes you’ve made. If you’re ready, click Publish, and if not, click Continue Editing.

How do I customize my online store-05a

However, if you don’t like how your selected theming looks, select Discard Changes. A pop-up will ask if you’re sure you want to discard all changes you have made since you last published. If you agree, click Discard Changes. Otherwise, select Continue Editing to try another theme.

For other resources, including more ways to customize your Online Store, see the links below.

How do I customize my Online Store? (all Customize options)

 

Individual tutorials:


How do I customize my Online Store headers?

How do I customize my Online Store headers?

How do I customize my Online Store category images?

How do I customize my Online Store footer?

How do I add or change my logo?

 

Other resources:

What should I write for my online Store’s header copy?

How do I log into SalonInteractive?

 

If you need help, our support team is here for you. Give us a call at 312-300-0553 or open a case at support@saloninteractive.com