Product Listing Overlapping Each Other in Mobile

  • Posts: 71
  • Thank you received: 1
11 years 6 months ago #108990

Hi,

My template is responsive.

But, I've an issue with my product listing where it is overlapping each other in mobile.
How can I fix it?

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

  • Posts: 2334
  • Thank you received: 403
11 years 6 months ago #109020

Hi there,

Do you have the last version of Hikashop?
Also did you enabled the "Use bootstrap design" in Hikashop main configuration (System>Configuration>Display)?

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

  • Posts: 71
  • Thank you received: 1
11 years 6 months ago #109022

eliot wrote: Hi there,

Do you have the last version of Hikashop?
Also did you enabled the "Use bootstrap design" in Hikashop main configuration (System>Configuration>Display)?


It's works on the mobile but in the desktop it is not align properly.
Do you know is there a way to set the size of the box for the product?
I know how to set the size of image but not for the size of the box with the image and description, price etc?

Last edit: 11 years 6 months ago by jeannie.

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

  • Posts: 2334
  • Thank you received: 403
11 years 6 months ago #109031

If you want to force the box size you can take a look at the view you are using.
For example, if you have a listing with image and title, go in Display>Views and edit the file listing_img_title of product (or categories it depends of your needs).
You will then be able to modify the box size with some css (width:100px; height:100px for instance).

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

  • Posts: 71
  • Thank you received: 1
11 years 6 months ago #109038

eliot wrote: If you want to force the box size you can take a look at the view you are using.
For example, if you have a listing with image and title, go in Display>Views and edit the file listing_img_title of product (or categories it depends of your needs).
You will then be able to modify the box size with some css (width:100px; height:100px for instance).


Say if I do not want to set to a certain size.
But, I want the align of my desktop to be the same before and after I set the bootstrap to yes.
Is there a way?

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

  • Posts: 2334
  • Thank you received: 403
11 years 6 months ago #109047

Actually it should.
Could you give me a link to your website so I can take a look?

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

  • Posts: 71
  • Thank you received: 1
11 years 6 months ago #109072

eliot wrote: Actually it should.
Could you give me a link to your website so I can take a look?


www.gemboxjewellery.com/jewelleryproduct

this has been set to bootstrap as yes.
Before it was align nicely with 5 product per row.
Now, it is messy align.

Many Thanks.

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

  • Posts: 2334
  • Thank you received: 403
11 years 6 months ago #109101

It's a simple css issue, one of your product title is too big and mess everything.
What you can do is add this css property to your front end css file:

.span2 .hikashop_product li{
  height:300px;
  list-style-type: none;
]

The following user(s) said Thank You: jeannie

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

Time to create page: 0.070 seconds
Powered by Kunena Forum