How do I Stop Add To Cart Buttons From Moving On Hover - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

How do I Stop Add To Cart Buttons From Moving On Hover

DA

Dina Abramson

Helix Framework 3 years ago

Hi, I added j2store to helix ultimate and i have been trying to format the button on the shop now page. They move up and down when hovering near them and I don't know how to stop it from moving. I want each product listing to be the same height and width and the button to appear when you hover on the picture but I haven't been able to make this happen.

I have a video of the product page currently. I am would like the Add to Cart button to display at the bottom of the product image on hover and disappear when the cursor is not on the product picture.

Is this possible?

Thanks

video: https://abwddemo.com/images/shopnow_addtocartbutton.webm

0
4 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #60789

Hi

You can try Virtuemart. You can follow this

https://www.joomshaper.com/joomla-templates/megadeal-ii

You can check on JED too. I hope it will help you.

NOTE: Make sure you have backup before doing any changes.

-Regards.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #60486

Hi,

Thanks for contacting us.

Is this your example page?

https://abwddemo.com/images/shopnow_addtocartbutton.webm

Do you want like that?

-Regards.

0
DA
Dina Abramson
Accepted Answer
3 years ago #60641

No. I am trying to make it look and work like the video below:

https://awdtest2.com/images/correct_look.mp4

I just can't figure out how to replicate this. you can look at the other site if you wish. it is from the template indigo.

thank you.

0
DA
Dina Abramson
Accepted Answer
3 years ago #60710

Hi, I opened a request with j2 store and it appears the problem is that i am using j2store on a bootstrap 5 template. So I guess I will have to redo my site or use a different ecommerce cart. If you have any recommendations of what I could use, I would appreciate it.

J2Store Response:

They said:

Hi

Thank you for Reaching out to us.

It seems that you are using Bootstrap 5 Template, hence there is a CSS issue in your site. Please be informed that J2store provides Bootstrap 4 Sub Template only. If you want to add Bootstrap 5 as Sub Template it needs custom development so you can consider to hire a 3rd Party Developer to help you meet the requirement.

Note : If you want to create Bootstrap 5 Sub template, Please refer Bootstrap 4 sub template code.

0