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 -
You are automatically directed in the section ''General Settings'' - ''General configurations''.
3 -
Click on the icon ''Configurations of the options and the static pages''.
4 -
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.
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.
7 -
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.