Skip to main content

Align images and text in product listings

More
13 years 10 months ago #74463 by condorazul
Align images and text in product listings was created by condorazul
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.

More
13 years 10 months ago #74481 by Mohamed Thelji
Replied by Mohamed Thelji on topic Re: Align images and text in product listings
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.

More
13 years 10 months ago #74568 by condorazul
Replied by condorazul on topic Re: Align images and text in product listings
Its offline but i show you the image

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

More
13 years 10 months ago #74904 by nicolas
Replied by nicolas on topic Re: Align images and text in product listings
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.

More
13 years 10 months ago #74983 by condorazul
Replied by condorazul on topic Re: Align images and text in product listings
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.

More
13 years 10 months ago - 13 years 10 months ago #75592 by condorazul
Replied by condorazul on topic Re: Align images and text in product listings
You can see the web in miraur.pingraf.es and choose linea spa corporal for example
Last edit: 13 years 10 months ago by condorazul.

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

More
13 years 10 months ago #75862 by Eliot
Replied by Eliot on topic Re: Align images and text in product listings
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.

More
13 years 10 months ago #75874 by condorazul
Replied by condorazul on topic Re: Align images and text in product listings
Thanks a lot its fixed

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

More
13 years 10 months ago #76511 by condorazul
Replied by condorazul on topic Re: Align images and text in product listings
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.

More
13 years 10 months ago - 13 years 10 months ago #76618 by Eliot
Replied by Eliot on topic Re: Align images and text in product listings
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: 13 years 10 months ago by Eliot.

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

More
13 years 10 months ago #76621 by condorazul
Replied by condorazul on topic Re: Align images and text in product listings
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.

More
13 years 10 months ago #76624 by condorazul
Replied by condorazul on topic Re: Align images and text in product listings
the problem is now with chrome everything is out of place

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

More
13 years 10 months ago #76626 by Eliot
Replied by Eliot on topic Re: Align images and text in product listings
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.

More
13 years 10 months ago #76628 by condorazul
Replied by condorazul on topic Re: Align images and text in product listings
listing_image_title

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

More
13 years 10 months ago #76632 by Eliot
Replied by Eliot on topic Re: Align images and text in product listings
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.

More
13 years 10 months ago - 13 years 10 months ago #76635 by condorazul
Replied by condorazul on topic Re: Align images and text in product listings
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: 13 years 10 months ago by condorazul.

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

More
13 years 10 months ago #76675 by Eliot
Replied by Eliot on topic Re: Align images and text in product listings
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.

More
13 years 10 months ago #76704 by condorazul
Replied by condorazul on topic Re: Align images and text in product listings
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.433 seconds
Powered by Kunena Forum