Skip to main content

Align Image in product list

More
14 years 1 month ago #59537 by jcmattos
Align Image in product list was created by jcmattos
How can I align the product list image always left side?


And, can I use an autotune the template for different devices? That is, for the desktop: 4 products; for the ipad: 3 products; for the iphone just two products. Automatically.

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

More
14 years 1 month ago #59579 by nicolas
Replied by nicolas on topic Re: Align Image in product list
You can add the CSS below in the front end CSS file of HikaShop via the Display tab of the configuration:
.hikashop_product_image{
margin: 0px !important;
}


Autotune is called normally "responsive design". We're working on that for a future release before the end of the year. Until then, that's not possible.

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

More
14 years 1 month ago #59655 by jcmattos
Replied by jcmattos on topic Re: Align Image in product list
How to align at top, the image and product description?



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

More
14 years 1 month ago #59723 by nicolas
Replied by nicolas on topic Re: Align Image in product list
I can see that you already modified the HTML of that page.
And The first problem does not happen.
For the second one, you will have to change your line:
<td style="width:70%;">

to:
<td style="width:70%;vertical-align: top;padding-top: 15px;">

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

More
13 years 1 month ago #119954 by ladytixo
Replied by ladytixo on topic Align Image in product list
Hi :) i have try to align product's image but now in all modules it is all in left position :evil: , please can you help me to fix the image in center position in all modules?

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

More
13 years 1 month ago #119969 by Eliot
Replied by Eliot on topic Align Image in product list
Your css rule have to be applied on a specific class or id.
Take a look at the documentation so you'll be able to find the class name and apply your css only on specific elements: www.hikashop.com/support/faq.html#styl
If you really can figure what's going wrong, you should give us a link to your page and the css you added :).
The following user(s) said Thank You: ladytixo

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

More
11 years 10 months ago #178073 by boogie
Replied by boogie on topic Align Image in product list
Hi,I also have a little problem, I invite you to visit: http: //trongonesport.com/ and navigate pages list product, please note that items are not perfectly aligned. how can I fix it?
thanks so much

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

More
11 years 10 months ago #178078 by Xavier
Replied by Xavier on topic Align Image in product list
Hi,

That's because you have selected a listing in list, so the lists are using html "ul li" tags which don't allow to align correctly.
You have to select a lising in div in the options of your menu/module.

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

More
11 years 10 months ago #178241 by boogie
Replied by boogie on topic Align Image in product list
hello, thank you for the answer, but I did not understand how I can fix.
thanks again for the availability by.

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

More
11 years 10 months ago #178244 by Xavier
Replied by Xavier on topic Align Image in product list
Hi,

In the options of your menu or module displaying the product listing via the menu HikaShop > Display > Content menus/modules, you have to set the option "Type of layout" to "div" this way it will be displayed in divs, and be aligned.
The following user(s) said Thank You: boogie

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

More
11 years 10 months ago - 11 years 10 months ago #178398 by boogie
Replied by boogie on topic Align Image in product list
Hi,you mean this screen?
Last edit: 11 years 10 months ago by boogie.

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

More
11 years 10 months ago #178399 by Jerome
Replied by Jerome on topic Align Image in product list
Hi,

Yes, this one.
But your problem is not link to that.
Your product names are too long and they are not "break", so it make the block wider.
You can use such css rule
Code:
span.hikashop_product_name { text-align: center; display: block; margin-bottom: 5px; word-wrap: break-word; max-width: 190px; }
It should help you.

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.
The following user(s) said Thank You: boogie

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

More
11 years 10 months ago #178536 by boogie
Replied by boogie on topic Align Image in product list
Hi, thanks for the help, now it works.
thanks so much

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

Time to create page: 0.304 seconds
Powered by Kunena Forum