Align Image in product list

  • Posts: 10
  • Thank you received: 0
12 years 3 months ago #59537

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.

Attachments:

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
12 years 3 months ago #59579

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.

  • Posts: 10
  • Thank you received: 0
12 years 3 months ago #59655

How to align at top, the image and product description?



Attachments:

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
12 years 3 months ago #59723

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.

  • Posts: 6
  • Thank you received: 0
11 years 3 months ago #119954

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?

Attachments:

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

  • Posts: 2334
  • Thank you received: 403
11 years 3 months ago #119969

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.

  • Posts: 11
  • Thank you received: 0
10 years 2 weeks ago #178073

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.

  • Posts: 13201
  • Thank you received: 2322
10 years 2 weeks ago #178078

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.

  • Posts: 11
  • Thank you received: 0
10 years 2 weeks ago #178241

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.

  • Posts: 13201
  • Thank you received: 2322
10 years 2 weeks ago #178244

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.

  • Posts: 11
  • Thank you received: 0
10 years 2 weeks ago #178398

Hi,you mean this screen?

Attachments:
Last edit: 10 years 2 weeks ago by boogie.

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

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
10 years 2 weeks ago #178399

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

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.

  • Posts: 11
  • Thank you received: 0
10 years 2 weeks ago #178536

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.115 seconds
Powered by Kunena Forum