How to add Wide quantity selector and a cart symbol?

Store Design
1

Hey everyone! :slightly_smiling_face:

I want to add 2 things for my homepage (and my entire website) store,

  1. to add a cart symbol next to the “add to cart button” (as I rounded in the picture)

  2. add a “Wide quantity selector” , also, as I marked in the picture

please let me know which code or app could do the work (hope for a free one, but not have to)

kerklies_1-1641474907982.png
kerklies_1-1641474907982.png1920×1080 135 KB

thanks!

2

Hi @kerklies

You can do this with custom liquid code. if you have code knowledge.

3

Hi @kerklies ,

Thank you for including those screenshots for better visibility of the customization you’re looking into.

In regards to adding an add to cart icon there is an app called Add to Cart Button - Nice. This app displays the add to cart icon on each of your products. When a customer adds an item to their cart, a notification will display in the corner of their screen. Within the apps settings you can also customize the button and cart style. You’re able to choose if you’d like “Add to Cart” text to display or simply just the add to cart icon. You can also customize the color of the “Add to Cart” text or add to cart icon, the font sizing, text color and sticky bar position. To learn more about the app and it’s features or view how it performs in a demo store, click directly into the app page. If you require assistance with integrating this third-party app I recommend using the Get Support option directly on the app page or following our help center resource.

What theme are you currently using on your store? If you’re using a Shopify-powered theme and on the Basic Shopify Plan or higher, then you can use up to 60 minutes of complimentary design support, used in 15 minute increments. The reason I suggest this is that our Themes Team may be able to look into the feature of adding a wide quantity selector. I’ll share this help center resource for Theme Support and the supported themes and customizations that are included.

As @Dbuglabpvtltd mentioned this can be achieved with using custom code. If you need assistance with applying custom code to your theme you can look into hiring a Shopify Expert.