How to change the color selection of your product variants

This article will guide you through steps on how to change the color of your selected product variant.

Step 1: From the EcomSolid Dashboard, head to the Theme Editor.

Step 2: Skip this step if you’ve already had a Product Details section on your page. 


Access the Library from the top bar of the Editor Page.



Next, navigate to Section > Product. Select your preferred Product Details section and hit “Insert” to add it to your Editor.



Step 3: Click on the Product Details section to reveal the configuration options in the left sidebar. Navigate to the Design tab.

Scroll down to the Color section and click on “More settings.” 



Scroll down to the bottom and hit “Setting Advanced.” After that, you will see the Border Variant Active Color option. Choose your preferred color or enter the hex color code for the border color of your selected variant.



That's it! If you run into any problems, please get in touch with our Customer Support via email or live chat.

Was this helpful?