Adding plus minus button to quantity selector - Narrative theme

Highlighted
New Member
9 0 0

Hey everybody,
Im trying without any success to adding plus and minus buttons to the quantity selector
on the product page.
Need your help !
Thank you very much !!!

0 Likes
Highlighted
Shopify Staff
Shopify Staff
513 34 73

Hi, @Arad04!

Sophia here from Shopify. By default, the quantity selector in the Narrative theme will have up and down arrows like this:

08-01-595el-voydq

 

Do you want your product page's quantity selector to have plus and minus buttons on either side instead of the arrows, like this?:

08-01-rhh4n-o9keh


This screenshot is from the Brooklyn theme, but if you have another example of what you want your quantity selector to look like, I'd be happy to share it with our Theme Support team and ask if this is something they can customize for you. Every Shopify store on a regular plan and using one of the free themes from Shopify is entitled to 60 minutes of design time with our Theme Support team for small customizations like this.

If you're out of design time or would rather custom code the option yourself, I'm sure that someone here in the Shopify Community will have a coding suggestion for you. Let me know if you'd like me to ask the Theme Support team about this and I can send you an email to get started.

Sophia | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Highlighted
New Member
9 0 0

Hey Sophia, thank you for your comment,
I want exactly like in the Brooklyn theme !
It will be great for my Narrative them..
Hope it is possible, wait for you comment,
Thank you very much !

0 Likes
Highlighted
Shopify Expert
3899 559 935

Hi @Arad04 

You can follow my this post for that may be it help you.

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Shopify Staff
Shopify Staff
513 34 73

Thank you for sharing that thread link, @Jasoliya

@Arad04, if you'd like to try implementing the code on your own, you can try the solution outlined here. The original question was regarding the Supply theme, but it might work for Narrative as well. If you do decide to try implementing this code, please be sure to duplicate your theme first. This will save a backup copy under Online Store > Themes > Theme library so that you can test the code without affecting your live store.

If you'd prefer for our Theme Support team to look into it instead, let me know and I'll send you an email to get that process started. Thank you!

Sophia | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Highlighted
New Member
2 0 0

Hi @Sophia , 

I am having trouble with this. As you mentioned, the solution outlined was regarding the Supply theme. How can I get this done on my narrative theme?

Thanks

0 Likes
Highlighted
Shopify Staff
Shopify Staff
513 34 73

@danialnataporn wrote:

Hi @Sophia , 

I am having trouble with this. As you mentioned, the solution outlined was regarding the Supply theme. How can I get this done on my narrative theme?

Thanks


Hi, @danialnataporn!

Sophia here from Shopify. Welcome to the Shopify Community!

I'm unable to provide coding advice, but this is something that our Theme Support team may be able to customize for you if your account is on a paid plan and you haven't used up your allocated 60 minutes of design time yet.

 

To clarify, would you like this plus and minus style quantity selector to appear just on your product pages, or in every instance of the quantity selector on the store (featured product sections on the home page, cart page, etc.)? Let me know if you'd like to proceed with a customization request from the Theme Support team and I can send you an email to get that started.

Sophia | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Highlighted
New Member
2 0 0

Hi! i have issue with my quantity selector and my colour selector boxes. It seems that some code is missing from the product-template.liquid file. Can the technical dpt. check it please? let me know where i can send the file.

0 Likes
Highlighted
Shopify Staff
Shopify Staff
513 34 73

@vladan wrote:

Hi! i have issue with my quantity selector and my colour selector boxes. It seems that some code is missing from the product-template.liquid file. Can the technical dpt. check it please? let me know where i can send the file.


Hi, @vladan!

Sophia here from Shopify. Can you tell me the name of your current theme and explain the issue you're currently experiencing with the quantity and variant selectors? If you can provide screenshots to illustrate the issue, that would be very helpful as well. This thread is in regards to changing the style of the quantity selector buttons, so if you're experiencing something different, I encourage you to post a new topic here

Sophia | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Highlighted

Hello @Sophia . I'm trying to do the same but use Venture qty box instead of Narrative in Narrative Theme. I tried many of codes that people was suggested, but still it's not changing in the way that i see it in Venture theme. Would you be able to help me out? 

Thanks,
Sura Baghirova
0 Likes