Solved Helix Framework

How do I stop Add to Cart buttons from moving on hover

Asked by Dina Abramson 4 years ago Last activity 4 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

Accepted answer

Marked as the solution

Mehtaz Afsana Borsha Staff

4 years ago

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.

3 more replies

Mehtaz Afsana Borsha Staff

4 years ago

Hi,

Thanks for contacting us.

Is this your example page?

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

Do you want like that?

-Regards.

Dina Abramson Asked this

4 years ago

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.

Dina Abramson Asked this

4 years ago

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:

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.