WebSite X5Help Center

 
Christiaan C.
Christiaan C.
User

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

Autor: Christiaan C.
Besucht 37, Followers 0, Geteilt 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

Gepostet am
3 ANTWORTEN
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats 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>

-----

Mehr lesen
Gepostet am von Daniel W.
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats 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.

-----

Mehr lesen
Gepostet am von Daniel W.
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats EN

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

Mehr lesen
Gepostet am von Daniel W.