Quick buy on a collection page enabled on mobile

[Bartdevos]

I got the symmetry theme, is there a way I can display the quick buy button also on mobile on a collection page? Like a "+" or cart icon button in the bottom corner off the product photo that will add the product to the cart? Like on this ss attached below.

[PaulMartin]

Hi Bart,

I assume that the code for quick buy is already present in your theme since you implicitly mentioned that the quick buy button is present on other pages of your store. However, since it's not showing up in the collection page, it just needs to be enabled in the code.

Please let me know if I am incorrect in my assumption.

If I am correct though, to enable it is very simple. First, in the code editor of your theme, look for the section that's controlling the collection page. Oftentimes, the name for it is main-collection.liquid. Then inside that file, look for the code that renders the product card, oftentimes it looks like this:

{% render 'product-card', product: product %}

 Then head over to the file named product-card or whatever is in the quotes of the code above - you can find such file inside the Snippets folder. Then, after opening the file, you should see the available options you can use. From here, you can find the option for enabling/disabling the quick buy on the product card. If you've found such option, all you need to do is to enable it, like so:

{% render 'product-card', product: product, quick-buy: true %}

Please be aware that my code examples and the actual code in your theme may vary. It's very hard to give specific instructions or code for themes that are paid as we usually don't have free access to such code.

Hope this helps and if you have any questions, feel free to ask here or through my contact email below! 🙂👍

If you're looking for further assistance since you might be uncomfortable with navigating and changing your theme's code, I'd be happy to do it for a fee. I'll make sure that we'll enable the quick buy for the product cards in your collection page and add any necessary changes to it such as the "+" or cart icon you mentioned. Let me know if you're interested via the comments or via my contact email below 🙂👌