Change order of information - product listing

Hello,

1. I would like to change the order of the information on the product listing page.


2. I want that the button "In den Warenkorb" change the colour by hovering over it.


Thank you very much for your help

Hi,

1. You can do that by editing the file "listing_img_title" of the view product via the menu Display>Views and swaping the block for the display of the product name.

2. You can do that with CSS:
www.hikashop.com/en/forum/2-general-talk...t-graphic.html#40211

1. Works fine. Thank you

2. Unfortunately I can not change the color of the text of the button. I copied your code and added the "hover" effect. The bg-color changes but not the text color.

.hikashop_product_quantity_main .hikashop_product_stock .button:hover {
background-repeat: no-repeat;
background-position: right;
text-align:center;
color:#ffffff;
background-color:#8c8170;
cursor: pointer;
}

Hi,
And if you configure the color property like this :

It´s unbelievable how fast you answer

Now the text is white, but only in the detailed product description. In the product list (see picture 1. post question 1) nothing happens. How have I change the code?

.hikashop_product_quantity_main .hikashop_product_stock .button:hover {

is for the product page.
If you want to change it everywhere, simply use:
.hikashop_product_stock .button:hover {

instead

I have another question related to the product listing. I try to change the text colour of the titel, for example "2005er Huxelrebe".

for that, I changed the code of this part. The background did change, but not the text colour.

span.hikashop_product_name{
background-color:#444444;
color:#000000;
text-align: center;
display:block;
margin-bottom:0px;
}

It's probably because of your template which overrides your CSS on the a tag.

Try like that:
span.hikashop_product_name a{
color:#000000 !important;
}

it works. thank you