how to add the higher lower option on the quantity selection on mobile?

KimGottwald
Pathfinder
137 0 20

Hello,

does somebody know how to add the higher lower option on the quantity selection on mobile?

Thank you!

Bildschirmfoto 2024-05-23 um 7.27.32 AM.png

Replies 5 (5)

Liqiud_xPert_SJ
Shopify Partner
978 117 151

@KimGottwald 

use below css code in your theme.scss.css file refer to the screenshot below

@media screen and (max-width:600px){
	.product-single__quantity input#Quantity[type=number]::-webkit-inner-spin-button, 
	.product-single__quantity input#Quantity[type=number]::-webkit-outer-spin-button {  
	
	   opacity: 1;
	
	}
}

 

 

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
KimGottwald
Pathfinder
137 0 20

This is not working sadly.

Liqiud_xPert_SJ
Shopify Partner
978 117 151

@KimGottwald 

it should work i have tested it. can i fix that for you ?

 

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
KimGottwald
Pathfinder
137 0 20

I added the code but its not showing on my iPhone.

 

Bildschirmfoto 2024-05-23 um 8.49.50 AM.png

Liqiud_xPert_SJ
Shopify Partner
978 117 151
@media screen and (max-width: 600px){
	.product-single__quantity input#Quantity[type=number]::-webkit-inner-spin-button, 
	.product-single__quantity input#Quantity[type=number]::-webkit-outer-spin-button {  
	   opacity: 1;
	   -webkit-appearance: initial !important;
	}
}
- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂