Need help improving my Product Card! - I want to add Qty Selector & Add to Cart Button

[GMISAH13]

Hello,

I am an SEO and just started learning Shopify,
Please help me implement this to my Product Card:

Design link:
https://www.canva.com/design/DAGTkDILGEM/1eOgSr9OnB5B_DXtNDjFOQ/edit?utm_content=DAGTkDILGEM&utm_cam... 

I can do custom HTML, CSS, and JavaScript. 
I just need direction where to start. 
My theme is Debut version 5.1.0

Thank you very much!

[Moeed]

Hey @GMISAH13 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[devcoders]

Hello @GMISAH13 
Please share your store URL and password so I can check and update you.

[PaulNewton]

If doing starting a new project freshly learning shopify theme development you should b starting with the Dawn theme ,not a defunct vintage theme such as Debut.

Hi @GMISAH13 👋 this is an advanced theme customization, even if you showed your coding effort so far a theme would already need to have quickbuy functionality for product-cards/product-grids.

See the dawn theme reference for quickbuy implementation https://github.com/Shopify/dawn 

or dev docs for product form https://shopify.dev/docs/storefronts/themes/architecture/templates/product#the-product-form 

If you need this design turned into a theme customization then contact me for services
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

*edit - clarified use dawn as starting point in new projects

[GMISAH13]

Hello, this is an existing theme/site and I just started handling it. Are you saying that I switch to Dawn (Free version)?
If so, would be current apps be affected by this new theme? 

I would love to get dev services to implement our design asap but as of now my client has no budget for that. 
A gig or short project would be the best we can do but no more. 

[PaulNewton · Accepted solution]

such customizations are short projects unless there's unrevealed requirements.

I clarified last post Dawn et al. would be for NEW projects, for existing stores that would be undertaking a migration project which is a very different thing with it's own issues and time investments.

If there is nothing wrong with the current store and modern features found in OS2.0 themes are not needed do not migrate.

It's a trade off: continue to accrue tech debt in the old theme, or migrate tech debt to a new theme with more features.

https://help.shopify.com/en/manual/online-store/themes/managing-themes/upgrading-themes 

https://shopify.dev/themes/migration 

[GMISAH13]

Understood, thank you for explaining this to me.
I will have to pause all Design improvements until Migration is approved.