product overview display

  • Posts: 8
  • Thank you received: 0
11 years 4 months ago #82686

If I have all the products in a category displayed in 3 rows (20 products max) and the products div windows are not the same size (due to longer names etc) the 2nd row will begin after the biggest div in the row above.
So like in my posted screenshot, the 2nd row begins after the 2nd item in row 1, thus having only 1 item in that row instead of 3. I only works right if the divs have the same size or the last (3rd) one is the biggest.

How do I fix that so the 2nd row will always start correct and have also 3 items?

Attachments:

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

  • Posts: 260
  • Thank you received: 25
11 years 4 months ago #82693

Do you have a link to that page? (to look at the CSS)

Don't look at what is and ask 'why?'; look at what isn't and ask 'Why Not!'

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

  • Posts: 8
  • Thank you received: 0
11 years 4 months ago #82726

It's on a test-server atm so i hope you can reach it at:

i12.go.nl:888/joomla/index.php/webshop/c...73-stroomvoorziening

If not I saved the page in a zip and attached it.

File Attachment:

File Name: Stroomvoorziening.zip
File Size:247 KB

Attachments:
Last edit: 11 years 4 months ago by jessejames.

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

  • Posts: 260
  • Thank you received: 25
11 years 4 months ago #82733

Yep, link worked.

You could do something like adjust:

.hikashop_subcontainer {
padding-bottom: 10px;
padding-top: 10px;
}

Change to something like 5px each.

To see the css on a page, you can use Firefox browser with an addon called Firebug.

Don't look at what is and ask 'why?'; look at what isn't and ask 'Why Not!'

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

  • Posts: 8
  • Thank you received: 0
11 years 4 months ago #82738

Changed that to 5px but no diffence. Still 2nd row only 1 item.
Have now a css for the frontend selected out of your stylepacked: pictureblue
That is on now but it also has the same error in the 2nd row.

Maybe it's some simple we overlook but I'm stuck here....

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

  • Posts: 13201
  • Thank you received: 2322
11 years 4 months ago #82790

Hi,

Can you try to add a css property like:

.hikashop_product_column_1{clear:both;}

The following user(s) said Thank You: Jerome

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

  • Posts: 8
  • Thank you received: 0
11 years 4 months ago #82841

Ok I did put that line " .hikashop_product_column_1{clear:both;} " in the Front-end CSS (custom-file) and it worked perfectly!

THX!

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

  • Posts: 4
  • Thank you received: 0
10 years 6 months ago #126460

Hi,
I've got the same problem. Could you please help me in identifying into which css file I should add it?
Thank you,

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

  • Posts: 4
  • Thank you received: 0
10 years 6 months ago #126465

I tried to edit the CSS file via Configuration/Display/CSS/Front-end CSS file, but when I added the line, nothing changed. Sorry, I'm a beginner...
Could you please help me to solve it?
Thank you,

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

  • Posts: 26008
  • Thank you received: 4004
  • MODERATOR
10 years 6 months ago #126498

Hi,

HikaShop has changed in 9 months, like the support of Joomla 3 and his different design.
Please provide us some details in order to help us to help you.
Without any link, visual, or any precise information we can't know if you really have the same problem and what is the source of this problem.

So for the moment, with the information we have. I don't think we can help you to solve it.

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: 4
  • Thank you received: 0
10 years 6 months ago #126555

Hi,

it's in the development beginnings... I hope you will be able to access it - roko.synology.me/joomla
Thank you,

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

  • Posts: 26008
  • Thank you received: 4004
  • MODERATOR
10 years 6 months ago #126577

Hi,

I don't think the problem in your website but you can have it regarding the CSS rules.
You have a specify an height for your products's boxes so you won't have a too big cell which will break the alignments.

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: 4
  • Thank you received: 0
10 years 6 months ago #126680

Could you please help me where in the CSS file I could set the height?

Thank you

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

  • Posts: 13201
  • Thank you received: 2322
10 years 6 months ago #126749

Hi,

You can find here a tutorial on how to customize the display.
It will help you to find the css classes to edit, etc.

www.hikashop.com/support/documentation/1...ize-the-display.html

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

Time to create page: 0.113 seconds
Powered by Kunena Forum