Change order of information - product listing

  • Posts: 6
  • Thank you received: 0
11 years 4 months ago #110382

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

Attachments:
Last edit: 11 years 4 months ago by DocSnyder.

Please Log in or Create an account to join the conversation.

  • Posts: 82758
  • Thank you received: 13346
  • MODERATOR
11 years 4 months ago #110391

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

Please Log in or Create an account to join the conversation.

  • Posts: 6
  • Thank you received: 0
11 years 4 months ago #110434

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;
}

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
11 years 4 months ago #110435

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

color:#ffffff!important;

Last edit: 11 years 4 months ago by Mohamed Thelji.

Please Log in or Create an account to join the conversation.

  • Posts: 6
  • Thank you received: 0
11 years 4 months ago #110438

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?

Please Log in or Create an account to join the conversation.

  • Posts: 82758
  • Thank you received: 13346
  • MODERATOR
11 years 4 months ago #110440

.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

The following user(s) said Thank You: DocSnyder

Please Log in or Create an account to join the conversation.

  • Posts: 6
  • Thank you received: 0
11 years 4 months ago #110449

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;
}

Please Log in or Create an account to join the conversation.

  • Posts: 82758
  • Thank you received: 13346
  • MODERATOR
11 years 4 months ago #110450

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;
}

Please Log in or Create an account to join the conversation.

  • Posts: 6
  • Thank you received: 0
11 years 4 months ago #110451

it works. thank you

Please Log in or Create an account to join the conversation.

Time to create page: 0.086 seconds
Powered by Kunena Forum