[Skip to main content](#vessel-content) # Change order of information - product listing ## - **[DocSnyder](/forum/user/22684-docsnyder "View DocSnyder's Profile")** - [![DocSnyder's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/22684-docsnyder "View DocSnyder's Profile") Topic Author - [ Offline](/forum/user/22684-docsnyder) Less More - Posts: 6 - Thank you received: 0 - - 13 years 4 months ago - 13 years 4 months ago [\#110382](#110382) by [DocSnyder](/forum/user/22684-docsnyder "View DocSnyder's Profile") *[Change order of information - product listing](/forum/4-how-to/84024-change-order-of-information-product-listing#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")* was created by *[DocSnyder](/forum/user/22684-docsnyder "View DocSnyder's Profile")* Hello, 1. I would like to change the order of the information on the product listing page. [ ![before.png](/forum/attachment/10766) ](/forum/attachment/10766 "before.png") 2. I want that the button "In den Warenkorb" change the colour by hovering over it. Thank you very much for your help - [ ![before.png](/forum/attachment/10766) ](/forum/attachment/10766 "before.png") [ ](/forum/attachment/10766?download=1 "before.png") Last edit: 13 years 4 months ago by [DocSnyder](/forum/user/22684-docsnyder "View DocSnyder's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MDI0LWNoYW5nZS1vcmRlci1vZi1pbmZvcm1hdGlvbi1wcm9kdWN0LWxpc3Rpbmc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86320 - Thank you received: 14276 - - 13 years 4 months ago [\#110391](#110391) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Change order of information - product listing](/forum/4-how-to/84024-change-order-of-information-product-listing#110391 "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](http://www.hikashop.com/en/forum/2-general-talk-about-hikashop/40000-product-images-and-add-to-cart-graphic.html#40211) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MDI0LWNoYW5nZS1vcmRlci1vZi1pbmZvcm1hdGlvbi1wcm9kdWN0LWxpc3Rpbmc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[DocSnyder](/forum/user/22684-docsnyder "View DocSnyder's Profile")** - [![DocSnyder's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/22684-docsnyder "View DocSnyder's Profile") Topic Author - [ Offline](/forum/user/22684-docsnyder) Less More - Posts: 6 - Thank you received: 0 - - 13 years 4 months ago [\#110434](#110434) by [DocSnyder](/forum/user/22684-docsnyder "View DocSnyder's Profile") Replied by *[DocSnyder](/forum/user/22684-docsnyder "View DocSnyder's Profile")* on topic *[Change order of information - product listing](/forum/4-how-to/84024-change-order-of-information-product-listing#110434 "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")* 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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MDI0LWNoYW5nZS1vcmRlci1vZi1pbmZvcm1hdGlvbi1wcm9kdWN0LWxpc3Rpbmc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 13 years 4 months ago - 13 years 4 months ago [\#110435](#110435) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Change order of information - product listing](/forum/4-how-to/84024-change-order-of-information-product-listing#110435 "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, And if you configure the **color** property like this : Code: color:#ffffff!important; Last edit: 13 years 4 months ago by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MDI0LWNoYW5nZS1vcmRlci1vZi1pbmZvcm1hdGlvbi1wcm9kdWN0LWxpc3Rpbmc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[DocSnyder](/forum/user/22684-docsnyder "View DocSnyder's Profile")** - [![DocSnyder's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/22684-docsnyder "View DocSnyder's Profile") Topic Author - [ Offline](/forum/user/22684-docsnyder) Less More - Posts: 6 - Thank you received: 0 - - 13 years 4 months ago [\#110438](#110438) by [DocSnyder](/forum/user/22684-docsnyder "View DocSnyder's Profile") Replied by *[DocSnyder](/forum/user/22684-docsnyder "View DocSnyder's Profile")* on topic *[Change order of information - product listing](/forum/4-how-to/84024-change-order-of-information-product-listing#110438 "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")* It´s unbelievable how fast you answer ![:)](/media/kunena/emoticons/3.png ":)") 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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MDI0LWNoYW5nZS1vcmRlci1vZi1pbmZvcm1hdGlvbi1wcm9kdWN0LWxpc3Rpbmc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86320 - Thank you received: 14276 - - 13 years 4 months ago [\#110440](#110440) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Change order of information - product listing](/forum/4-how-to/84024-change-order-of-information-product-listing#110440 "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")* .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](/forum/user/22684-docsnyder "View DocSnyder's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MDI0LWNoYW5nZS1vcmRlci1vZi1pbmZvcm1hdGlvbi1wcm9kdWN0LWxpc3Rpbmc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[DocSnyder](/forum/user/22684-docsnyder "View DocSnyder's Profile")** - [![DocSnyder's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/22684-docsnyder "View DocSnyder's Profile") Topic Author - [ Offline](/forum/user/22684-docsnyder) Less More - Posts: 6 - Thank you received: 0 - - 13 years 4 months ago [\#110449](#110449) by [DocSnyder](/forum/user/22684-docsnyder "View DocSnyder's Profile") Replied by *[DocSnyder](/forum/user/22684-docsnyder "View DocSnyder's Profile")* on topic *[Change order of information - product listing](/forum/4-how-to/84024-change-order-of-information-product-listing#110449 "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")* 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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MDI0LWNoYW5nZS1vcmRlci1vZi1pbmZvcm1hdGlvbi1wcm9kdWN0LWxpc3Rpbmc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86320 - Thank you received: 14276 - - 13 years 4 months ago [\#110450](#110450) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Change order of information - product listing](/forum/4-how-to/84024-change-order-of-information-product-listing#110450 "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")* 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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MDI0LWNoYW5nZS1vcmRlci1vZi1pbmZvcm1hdGlvbi1wcm9kdWN0LWxpc3Rpbmc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[DocSnyder](/forum/user/22684-docsnyder "View DocSnyder's Profile")** - [![DocSnyder's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/22684-docsnyder "View DocSnyder's Profile") Topic Author - [ Offline](/forum/user/22684-docsnyder) Less More - Posts: 6 - Thank you received: 0 - - 13 years 4 months ago [\#110451](#110451) by [DocSnyder](/forum/user/22684-docsnyder "View DocSnyder's Profile") Replied by *[DocSnyder](/forum/user/22684-docsnyder "View DocSnyder's Profile")* on topic *[Change order of information - product listing](/forum/4-how-to/84024-change-order-of-information-product-listing#110451 "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")* it works. thank you Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MDI0LWNoYW5nZS1vcmRlci1vZi1pbmZvcm1hdGlvbi1wcm9kdWN0LWxpc3Rpbmc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.077 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)