How to display the color when the mouse passing in the product pages?
Log in your administration.
1 -
Click on the button ''My web site''.
2 -
3 -
You are automatically directed in the section ''General Settings'' - ''Generals configurations''.
4 -
Click on the icon ''Configurations of the options and the static pages''.
The section ''Configurations of the options and the static pages'' will appear. This section is very large, so we present only a small part of the section.
5 -
Locate the option ''Color mouseover products''.
6 -
Click in the square next to the words ''Color mouseover products'', a small black check mark will appear. The option will automatically be activated.
7 -
Click the down arrow located next to the words ''Color when the mouse is on a product'' and choose the color that appears when the mouse is on the product.
In this example we want a color displayed when the mouse moves on the product, and when the mouse is removed from the product, it becomes as before.
We must therefore choose a color (for our example we choose the dark gray) for ''Color when the mouse is on a product'' and make the choice ''transparent'' in ''Color when the mouse is not on a product'' :
The result in the site when the mouse passes over the product, a dark gray frame will appear around the product :
8 -
Click the down arrow located next to the words ''Color when the mouse is not on a product'' and choose the color that appears when the mouse is no longer on the product.
In this example, we want a color display when the mouse passes over the product and when the mouse is removed, the color remains.
We must therefore choose a color (for our example we choose the dark gray) for ''Color when the mouse is on a product'' and put another color (for our example we choose the light gray) in ''Color when the mouse is not on a product'' :
The result in the site when the mouse passes over the product is that a light gray frame will appear around the product and it remains even if the mouse is no more on the product :
Note : Remember to refresh your site to see the results. To refresh your site, click on the ''Refresh'' located in your browser.