center the quantity selector in cart module

  • Posts: 17
  • Thank you received: 2
  • Hikashop Essential
2 weeks 3 hours ago #363957

-- url of the page with the problem -- : www.ndnfragrance.com/index.php?option=co...w&Itemid=535&lang=fr

Hi,

I try to center the quantity input in the cart module, the one accessible when clicking the add to cart button. I don't find the solution. Defining a height and/or using vertical-align:middle doesn't change anything.

On that same cart module, how do I increase the image size?

How do I put the "proceed to checkout" button at the bottom of the page?

And finally, whatever variant I choose, it shows the name of the product. This means the customer doesn't know which variant is in the cart. The variant is defined by"volume". Is there a way to add the volume name in the cart module?

Last edit: 2 weeks 3 hours ago by Rejouisens.

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

  • Posts: 4715
  • Thank you received: 639
  • MODERATOR
1 week 6 days ago #363968

Hello,

In order to answer you step by step :
"I try to center the quantity input in the cart module, the one accessible when clicking the add to cart button. I don't find the solution. Defining a height and/or using vertical-align:middle doesn't change anything."

This css command will do the trick :

alt


"On that same cart module, how do I increase the image size?"
This kind of css command will allow you to modify your image size.
div#hikashop_cart_module img.hikashop_product_cart_image {
    width: 130px;
}

"How do I put the "proceed to checkout" button at the bottom of the page?"
div#offcanvascart a.hikabtn.hikashop_cart_proceed_to_checkout {
    position: absolute;
    bottom: 5px;
}

You have a custom Css that hide the variant name, remove it to solve your issue :
alt


Regards

Last edit: 1 week 3 days ago by Philip.
The following user(s) said Thank You: Rejouisens

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

  • Posts: 17
  • Thank you received: 2
  • Hikashop Essential
1 week 6 days ago #363977

It works great! Thank you!
The only point is for the size of images

"On that same cart module, how do I increase the image size?"
This kind of css command will allow you to modify your image size.

div#hikashop_cart_module img.hikashop_product_cart_image {
width: 130px;
}


That works except it stille taking into account the 50x50 thumbnail definition. So, when I increase the size it makes a blurred image.

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

  • Posts: 4715
  • Thank you received: 639
  • MODERATOR
1 week 3 days ago #364000

Hello,

This must be because you set your thumbnail size to 50 px here:

alt


your solution can be to increase this, AND adjust it in your relative Item Menu via settings in Product Options tab OR via specific custom Css.
Regards

Last edit: 1 week 3 days ago by Philip.

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

  • Posts: 17
  • Thank you received: 2
  • Hikashop Essential
6 days 10 hours ago #364112

Sorry, the problem is not there.
The thumbnail width*height is set to 115x115

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

  • Posts: 4715
  • Thank you received: 639
  • MODERATOR
6 days 6 hours ago #364113

Hello,

Please, provide us this elements :
- Url link to your backend (administrator)
- Backend user references (with maximum ACL)

Note : Use our Contact us form to provide these elements, and don't forget to add an url link to this topic.
Regards

Last edit: 6 days 10 hours ago by Philip.

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

  • Posts: 17
  • Thank you received: 2
  • Hikashop Essential
3 days 13 hours ago #364134

This message contains confidential information

Last edit: 3 days 10 hours ago by Philip.

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

  • Posts: 4715
  • Thank you received: 639
  • MODERATOR
3 days 7 hours ago #364140

Hello,

Thnaks for your element, we have found a solution for your specific need.
You have already an override of your view product/cart.

You can force your image parameters directly in your override view around line 484 - 485
You have this :

$width = (int)$this->config->get('cart_thumbnail_x', 50);
$height = (int)$this->config->get('cart_thumbnail_y', 50);
Change your 2 parameters "50" for "100" (or "200" if required), to get this :
$width = (int)$this->config->get('cart_thumbnail_x', 100);
$height = (int)$this->config->get('cart_thumbnail_y', 100);

Then you can adjust via a custom css your image width.
Regards

Last edit: 3 days 10 hours ago by Philip.

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

Time to create page: 0.081 seconds
Powered by Kunena Forum