Categories listing / Product page css problem

  • Posts: 13
  • Thank you received: 0
11 years 8 months ago #137802

Hi, I have a problem with core HikaShop CSS and display of Categories Listing Menu Item & Product page.

A. If I have the Configuration -> System -> Display -> Use Bootstrap design set to Yes, I get a category listing view that is NOT OK and a Product page that is OK (attached hb4a45ff.png = category page not ok and h54eec38.png = product page OK)

B. If I have bootstrap design set to No, I get a category listing view that is OK and a Product page that is not OK (attached heeec879.png = category listing OK and hbbc03d3.png = product page NOT OK .

C. I would be happy to get the OK versions of both these views :), that is products on the category page in columns on the same row, and the product text to the right of the product image on the product page. I have played around with the css but this does not help. Any ideas what is wrong?

Thanks!
Ben

-- www.aavameri.fi/fi/kauppa
-- HikaShop Essential: 2.2.3
-- Joomla version -- : 2.5.17

Attachments:
Last edit: 11 years 8 months ago by bdonner.

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

  • Posts: 447
  • Thank you received: 20
11 years 8 months ago #137867

I think you may find that you are using Bootstrap 3 within your template. Hikashop does not currently work correctly with that version. See my post here

Dave B)

The following user(s) said Thank You: bdonner

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

  • Posts: 13
  • Thank you received: 0
11 years 8 months ago #137869

Thanks, a failure to load some of the Bootstrap 2.11 code was the problem with using the Bootstrap design: yes option -- why the layout is incorrect when not using bootstrap is still a mysteri but I will try if enabling all of the bootstrap functionality is compatible with the rest of the site.


Cheers Ben

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

  • Posts: 84313
  • Thank you received: 13702
  • MODERATOR
11 years 8 months ago #137871

Hi,

I can see the listing and the product page both fine on your website at the moment. I don't know if you already found a solution but I don't see any issue with the way it is setup at the moment.
I see www.hikashop.com/media/kunena/attachments/30385/h54eec38.png and www.hikashop.com/media/kunena/attachments/30385/heeec879.png

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

  • Posts: 13
  • Thank you received: 0
11 years 8 months ago #137874

Thanks Nicolas, we replied at the same time :), yes I found a Bootstrap config issue, now it works with bootstrap on (but not off), I'll try like this.

Ben

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

  • Posts: 13
  • Thank you received: 0
11 years 8 months ago #137904

Unfortunately, other parts of the site gets crazy when I enable the whole Bootstrap 2.11 environment. I have to disable it.
Should not both category listing in columns and product pages with content to the right of the product images work without bootstrap enabled?

Ben

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

  • Posts: 447
  • Thank you received: 20
11 years 8 months ago #137910

Is the template you are using built with Boostrap. I have just looked at the source and can see no reference to it either in the style sheets or javascript links?

I did notice on the demo of your template here though that there are references to bootstrap. Have you altered any core files?

Dave B)

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

  • Posts: 13
  • Thank you received: 0
11 years 8 months ago #137921

Yup the template can use bootstrap 2.11, there is a switch for bootstrap and another one for bootstrap java in the template config. With both on, I got the layout OK when I tried, but I had to switch them off again as they seem incompatible with some other needed plugins. If I cannot get the layout ok without bootstrap, I will just have to try to find what else to uninstall ( with bootstrap enabled, I for instance get k2 item images "hopping out" in front of my pages).

Thanks,
Ben

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

  • Posts: 84313
  • Thank you received: 13702
  • MODERATOR
11 years 8 months ago #137943

Either you activate the "use bootstrap design" option of HikaShop and thus the bootstrap options of the template have to be activated, or you turn it off and the views of HikaShop should display fine regardless of whether bootstrap is turned on or off in your template. In that second case, the fact that the right area of the product page goes under the right area on your website is just a problem of width which can easily be fixed with a line of CSS. We would need to see the issue on your website to be able to tell you exactly what line to add.

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

  • Posts: 13
  • Thank you received: 0
11 years 8 months ago #137974

Bootstrap is now off everywhere.

Category listing view OK: www.aavameri.fi/fi/kauppa.html
Product page breaks so that text goes below image: www.aavameri.fi/fi/kauppa/product/2-seabrd-scott-lv.html

Thanks!

Ben

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

  • Posts: 84313
  • Thank you received: 13702
  • MODERATOR
11 years 8 months ago #137994

You can add such CSS:

.hikashop_product_top_part {
height: 100px;
}
in the frontend CSS file of Hikashop under the Display tab of the configuration.

The following user(s) said Thank You: bdonner

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

  • Posts: 13
  • Thank you received: 0
11 years 8 months ago #138084

Thanks, that helped!

Ben

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

Time to create page: 0.080 seconds
Powered by Kunena Forum