WebSite X5Help Center

 
Christiaan C.
Christiaan C.
User

How do I change the product options style in the product card?  en

Autor: Christiaan C.
Visitado 95, Followers 2, Compartido 0  

In the Product card the product options is displayed with a drop down menu. How do I change this dropdown menu style to another background color or text color? I checked everywhere but just cant find it .Please help

Publicado en
3 RESPUESTAS
Daniel W.
Daniel W.
User
Usuario del mes DEUsuario del mes EN

Coloring will likely need to be done with CSS code. 

Example for coloring the quantity:

1. In WebSiteX5, under "3 Sitemap", scroll all the way down to the special pages.

2. Select "Online Shop: Search". Then click "Properties" at the top and then the "Advanced" tab.

3. Paste the CSS code here:

    Custom Code

    Before the closing HEAD tag

       <style>
       #im-products .im-cc-products-card input.im-cc-products-qty {
       background-color: yellow !important;
       color: red !important;
       }
       </style>

-----

Leer más
Publicado en de Daniel W.
Daniel W.
Daniel W.
User
Usuario del mes DEUsuario del mes EN

Coloring the product catalog selection:

In WebSiteX5, under "3 Sitemap", select the product catalog page and click "Properties" at the top, then click the "Advanced" tab. Paste the CSS code here:

   Custom Code

   Before the closing HEAD tag

      <style>
      #imProductList_110_02 .im-cc-products-card select {
      background-color: yellow !important;
      color: red !important;
      }
     </style>

Important note:

The numbers 110_02 vary from website to website and from product catalog to product catalog and must be determined in the source code for the respective product catalog.

-----

Leer más
Publicado en de Daniel W.
Daniel W.
Daniel W.
User
Usuario del mes DEUsuario del mes EN

If further color changes to the selection options in the shop are desired, the CSS experts would have to look for solutions.

Leer más
Publicado en de Daniel W.