CSS changes to product display

  • Posts: 108
  • Thank you received: 1
8 years 11 months ago #251666

-- HikaShop version -- : Business
-- Joomla version -- : 3.5

Hi, I would like to make the following:

1. remove product frame (box) in a category products listing
2. remove "choose options" button
3. highlight the product on mouse over with a yellow border


Thanks!

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

  • Posts: 84313
  • Thank you received: 13705
  • MODERATOR
8 years 11 months ago #251670

Hi,

1. There is no box by default and if you set one, it must be in the settings of your listing. So you can edit its settings and change them for your needs.

2. Same as point 1. Turn off the "add to cart" display setting option of your listing.

3. That will require custom CSS code.
Here is some documentation on how to add custom CSS to your HikaShop:
www.hikashop.com/support/documentation/1...ize-the-display.html

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

  • Posts: 108
  • Thank you received: 1
8 years 11 months ago #251722

I'm sorry, I will be more clear:
Please see here: www.birki.co/birkenstock-models/sandals/arizona
I would like that the "choose option" button will appear only on mouse over.

Thank you

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

  • Posts: 12953
  • Thank you received: 1778
8 years 11 months ago #251760

Hello,

To do that only using CSS code customization probably won't be enough, you'll have to directly edit the code of the "listing_div" file of the "Product" view of your front-end template via "Hikashop->Display->Views" and use some PHP / JavaScript code to correctly adapt the display of your products dynamically.

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

Time to create page: 0.071 seconds
Powered by Kunena Forum