the layout of product category listing is confused ?

  • Posts: 42
  • Thank you received: 0
8 years 4 months ago #260746

-- HikaShop version -- : hikashop_business_v3.0.0

hello

I originally installed the starter version and created many categories and products.

the layout of my products page is clear and neat but when upgrading to business version, the layout is confused...

I do not know why it happened...

please help me, thank you.

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

  • Posts: 26253
  • Thank you received: 4040
  • MODERATOR
8 years 4 months ago #260751

Hi,

I think that you update from HikaShop 2.6.4 to HikaShop 3.0.0
HikaShop 3 is a major release and it contains a lot of modifications.
The cart and checkout have been completely rewrite and the front-end CSS file has been clean.
We also added an internal responsive grid system.

See : www.hikashop.com/support/documentation/1...the-display.html#css

By taking a look at the CSS in your page, I can see that there are two rules which is breaking the display :

#hikashop_category_information_module_ .hikashop_product_image {
	height: 0px;
}
#hikashop_category_information_module_ .hikashop_product_image_subdiv {
	width: 300px;
}

Please provide screenshot of your menu configuration.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 42
  • Thank you received: 0
8 years 4 months ago #260801

thank you.

menu configuration screenshot as attachments.

Attachments:

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

  • Posts: 83986
  • Thank you received: 13603
  • MODERATOR
8 years 4 months ago #260834

Hi,

The problem comes from that CSS:
#hikashop_category_information_module_ .hikashop_product_image {
height: 0px;
}
which is added to your website pages for some reason.
Add such CSS to avoid the problem:

#hikashop_category_information_module_ .hikashop_product_image{
 height: auto !important;
}

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

  • Posts: 42
  • Thank you received: 0
8 years 4 months ago #260888

yes, thank you.

but where can I find the css to edit this line ?

thank you.

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

  • Posts: 26253
  • Thank you received: 4040
  • MODERATOR
8 years 4 months ago #260906

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 42
  • Thank you received: 0
8 years 4 weeks ago #269747

yes, thank you.

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

Time to create page: 0.065 seconds
Powered by Kunena Forum