Align images and text in product listings

  • Posts: 441
  • Thank you received: 24
12 years 2 weeks ago #74463

i have some products that has a lot of description in the name and some other with few.
so when i see the display, some images are out of alignment, how can i do to fix that and the images align bottom in the same row even if the description isone two or three lines long?

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

  • Posts: 12953
  • Thank you received: 1778
12 years 2 weeks ago #74481

Hi,

1. Can you give me a link to your website?

2. Show me screenshots of your product listing configuration through "Hikashop->Display->Content menus->'Your listing'"

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

  • Posts: 441
  • Thank you received: 24
12 years 2 weeks ago #74568

Its offline but i show you the image

Attachments:

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

  • Posts: 82868
  • Thank you received: 13375
  • MODERATOR
12 years 2 weeks ago #74904

We will need to be able to look at the HTML and CSS of that page in order to give you the exact CSS you could use to do that.

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

  • Posts: 441
  • Thank you received: 24
12 years 2 weeks ago #74983

ok nicolas in two days i will have it online i´ll write here as soon as possible

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

  • Posts: 441
  • Thank you received: 24
12 years 2 weeks ago #75592

You can see the web in miraur.pingraf.es and choose linea spa corporal for example

Last edit: 12 years 2 weeks ago by condorazul.

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

  • Posts: 2334
  • Thank you received: 403
12 years 1 week ago #75862

Hi there,

Forcing a height seems to fix the problem so try to add this to your front-end css file (System>Configuration>Display).

.hikashop_product_name{
height:60px;
}

The following user(s) said Thank You: condorazul

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

  • Posts: 441
  • Thank you received: 24
12 years 1 week ago #75874

Thanks a lot its fixed

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

  • Posts: 441
  • Thank you received: 24
12 years 1 week ago #76511

i have the same problem now with categories in main page i wrote similar code changin product for category and nothing happens

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

  • Posts: 2334
  • Thank you received: 403
12 years 1 week ago #76618

Hi,

You just have to take a look at the css with Firebug or another tool.
The css class is different there. You just have to add this css:

.hikashop_category_name{
height:60px;
display: inline-block;
}

Please, try to look by yourself the next time, since it's not a specifically Hikashop related question we cannot help everybody playing with css :)

Last edit: 12 years 1 week ago by Eliot.

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

  • Posts: 441
  • Thank you received: 24
12 years 1 week ago #76621

i looked at it i have firebug and did all the css the problem was with inline-block
thank you

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

  • Posts: 441
  • Thank you received: 24
12 years 1 week ago #76624

the problem is now with chrome everything is out of place

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

  • Posts: 2334
  • Thank you received: 403
12 years 1 week ago #76626

Alright, deleted the inline-block it's not the solution.
Which view are you using to display categories like this?
You have a problem there since the span containing the title is also containing the whole block including the image.
I guess you edited the view so that's why the height property doesn't work.

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

  • Posts: 441
  • Thank you received: 24
12 years 1 week ago #76628

listing_image_title

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

  • Posts: 2334
  • Thank you received: 403
12 years 1 week ago #76632

So you modified this view to make the image inside the span.
Fix this and it should works

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

  • Posts: 441
  • Thank you received: 24
12 years 1 week ago #76635

i did not change anything on this file, but i understood you and close the span in the title so it should work

Last edit: 12 years 1 week ago by condorazul.

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

  • Posts: 2334
  • Thank you received: 403
12 years 1 week ago #76675

Glad to see you found the solution.
It must be something we fixed on our end since the view is different on our working version :)

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

  • Posts: 441
  • Thank you received: 24
12 years 1 week ago #76704

i dont know why is that because i installed the last version.

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

Time to create page: 0.096 seconds
Powered by Kunena Forum