Align vertical "add to cart" for product listing

  • Posts: 28
  • Thank you received: 1
11 years 3 months ago #113674

Hi,
I tried to vertical align product price and "add to cart" button to look better, but I cannot do that.
Please take a look into attachment.
Is there a way to crop image instead to proportional resizing directly from hikashop or I have to modified the code for do that?
I have several images with different widths and weights and I configured hikashop at 100/100px thumbnail images and after I save the product images, there are different width or weight.

Regards,
Raul

Attachments:

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

  • Posts: 28
  • Thank you received: 1
11 years 3 months ago #113687

nobody?

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

  • Posts: 82758
  • Thank you received: 13346
  • MODERATOR
11 years 3 months ago #113735

Hi,

You can align with add to cart buttons vertically with such CSS code:
www.hikashop.com/en/forum/4-how-to/84607...lignment.html#112418
You can add it in the frontend CSS file of HikaShop that you can edit via the Display tab of the configuration.

Furthermore, if you want that all your product thumbnails have the same height, only enter the height desired in the thumbnails size options and the images will be resized to have all the same height with the width varying in order to keep the image ratio.

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

  • Posts: 28
  • Thank you received: 1
11 years 3 months ago #113767

Hi Nicolas and thank you for response,but:
1. I allready tried the solution that you mentioned,without success. I read it before posting on forum.
2. I know that if I put only height or weight the result will be the sae as you mentioned ( I played with hikashop over 1 year before I bought the business licences). O joomshoppin for exemple I have the option to crop or to strech images to the dimension I configured for thumbnail (you configure thumb dimension 150/150 and select the method crop or strech) and all the thumb will be the same. On hikashop,if I put o predefined thumb (150/150 px for exemple) this thumb will be displayed on gallery and I don't want this.
Hope the future response will be more complex and with a solution to my problems.
Regards,Raul

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

  • Posts: 82758
  • Thank you received: 13346
  • MODERATOR
11 years 3 months ago #113836

Hi,

1. Then why not provide a link to the page with that CSS on it so that we can see what you're missing ? Maybe your template's CSS is messing with that CSS code or something and it has to be adapted, but I can't say anything more on that without being able to analyze the result on the website.

2. The thumbnails creation in HikaShop doesn't handle yet cropping. That's something which is on our todo list for the future. It can't be done by changing one or two lines of code. It's much more complex.

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

  • Posts: 28
  • Thank you received: 1
11 years 3 months ago #113861

Hi Nicolas,
Here is the link www.piscoi.ro/airsoft.ro
This is a temporary link. I thought I sent the link in first post. If you need backend access please let me know and I'll sent you in a private message.
Can you tell me when you expect to release the crop function? This year?
I have more sugestion for hikashop,can I send you?
Regards,
Raul

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

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

Hi there,

After inspecting I can't see the css code you added.
Could you please post the code you put in your css file?
Make sure it apply on the right class/id

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

  • Posts: 28
  • Thank you received: 1
11 years 3 months ago #113946

Hi Eliot,
I already sent you an pm.

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

  • Posts: 28
  • Thank you received: 1
11 years 3 months ago #113957

Hi Eliot,
Here is the link www.piscoi.ro/airsoft.ro , this is a temporary link.
If you need, I can send you access to backend.

Regards,
Raul

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

  • Posts: 13201
  • Thank you received: 2322
11 years 3 months ago #114034

Hi,

The "add to cart" buttons are not aligned beacause the name of your products don't have the same lenght and takes more or less lines.

You can avoid that with the following css property:

.hikashop_products_listing .hikashop_product_name{
min-height: 50px;
}

Last edit: 11 years 3 months ago by Xavier.
The following user(s) said Thank You: raulpiscoi

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

  • Posts: 28
  • Thank you received: 1
11 years 3 months ago #114064

10x, it works

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

Time to create page: 0.092 seconds
Powered by Kunena Forum