Align images and text in product listings

  • Posts: 441
  • Thank you received: 24
11 years 5 months 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
11 years 5 months 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
11 years 5 months ago #74568

Its offline but i show you the image

Attachments:

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

  • Posts: 81597
  • Thank you received: 13081
  • MODERATOR
11 years 5 months 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
11 years 5 months 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
11 years 5 months ago #75592

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

Last edit: 11 years 5 months ago by condorazul.

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

  • Posts: 2334
  • Thank you received: 403
11 years 5 months 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
11 years 5 months ago #75874

Thanks a lot its fixed

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

  • Posts: 441
  • Thank you received: 24
11 years 5 months 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
11 years 5 months 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: 11 years 5 months ago by Eliot.

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

  • Posts: 441
  • Thank you received: 24
11 years 5 months 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
11 years 5 months 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
11 years 5 months 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
11 years 5 months ago #76628

listing_image_title

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

  • Posts: 2334
  • Thank you received: 403
11 years 5 months 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
11 years 5 months 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: 11 years 5 months ago by condorazul.

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

  • Posts: 2334
  • Thank you received: 403
11 years 5 months 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
11 years 5 months 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.102 seconds
Powered by Kunena Forum