• Priority: Medium
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 22.07.22, 11:21
  • Opened by: René FRAMERY

Ticket #23592 - Add to cart

Hello, I have a problem.

When I click on button “add to cart”, the button rotates and I don’t want this effect. (attached image)

Then, I can’t center the button because he considers that there is something beside (attached image)

How to solve these problems ?

thank you

Attachments:

Comments

Fred 22 Jul 2022, 17:29

Hi, René.
1. Fixed
2. Try following CSS

.product-miniature .product-add-to-cart-mini .add {
  display: flex;
  width: 100%;
  justify-content: center;
}
René FRAMERY 25 Jul 2022, 09:58

Thanks, for the effect it worked.

Nevertheless, when I add the rule :

.product-miniature .product-add-to-cart-mini .add {
  display: flex;
  width: 100%;
  justify-content: center;
}

the button is centered but is offset on some products (attached image)

How to solve this problem ?

Thank you

Attachments:

Fred 25 Jul 2022, 10:38

Because that product has long title https://take.ms/fURJm

You can disable "Product Title Multiline" option in the Theme Settings → Product Miniature to display title in one line

René FRAMERY 26 Jul 2022, 08:27

Attachments:

Fred 28 Jul 2022, 00:02

Could you please give me two links where I can see the difference?
Because I see the same in the Home page and Category page