Jump to content

How to make product-quantity buttons mobile friendly


MerseyRay
 Share

Recommended Posts

Hi,

The buttons in the vertical group up/down for the qty required are not very mobile friendly.

Ive looked in the "add-to-cart.tpl" and they are not in there, it seems they appear via javascript code.

Where is this code, and is it safe to remove and just place bigger buttons before (-) and after (+) the qty field in the "add-to-cart.tpl" instead.

 

Im after making the buttons like this image so they are better for mobile use.

1132157373_Screenshot_2021-05-17AspirePockexAIOKit.png.1fbc3792926e4befa0ab13c14d212038.png

 

Thanks

Share this post


Link to post
Share on other sites

  • 5 weeks later...

OK, so I have got this far

image.png.656642ef67c62abda493dec0b6483bbe.png

by changing css.

I notice that the code is in the theme.js file and is here

code.jpg.4ac0301d5861e3e7fdbd7dcb82ceb802.jpg

can this code be removed and just place these buttons in the add-to-cart.tpl ? Or is there a reason for having to add some simple buttons via use of js ?

Thanks in advance

Edited by MerseyRay (see edit history)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More