WebSite X5Help Center

 
Christiaan C.
Christiaan C.
User

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

Автор: Christiaan C.
Просмотрено 22, Подписчики 0, Размещенный 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

Размещено
3 Ответы
Daniel W.
Daniel W.
User
Лучший пользователь месяца DEЛучший пользователь месяца 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>

-----

Читать больше
Размещено От Daniel W.
Daniel W.
Daniel W.
User
Лучший пользователь месяца DEЛучший пользователь месяца 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.

-----

Читать больше
Размещено От Daniel W.
Daniel W.
Daniel W.
User
Лучший пользователь месяца DEЛучший пользователь месяца EN

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

Читать больше
Размещено От Daniel W.