layer-plusEnable Quick Buy feature in collection page

This feature allows customers to display Add to Cart and Quick Buy options with bulk quantities directly on the collection page, eliminating the need to visit individual product pages and significantly speeding up the purchasing process.

Only one Quick Buy feature can be created, and this feature is available exclusively on the GOLD plan.

Kindly follow the below steps to set it up!

Create a Quick Buy collection in B2B Wholesale app

  1. From the app dashboard page, go to Quick Order Form page > Navigate the Collection Quick Buy section > Create:

  1. There are 5 fields for this quick buy feature: Stock status, Variant information, Product quantity, Volume pricing table (if you use Volume Pricing feature in the app), Cart button.

To choose which fields to use, simply turn on the toggle for each corresponding column. You can also rearrange the columns by dragging and dropping them up or down to set the order you prefer.

circle-info

Stock status value is taken from the Stock Level feature of the app. You need to configure that setting first to have the Stock data shown in the Quick Buy feature. Review the setting herearrow-up-right

  1. After configuring which columns and information you want to display in the Quick Buy feature, you’ll need to set the conditions for when and where it appears.

  • Select applicable products: Choose whether the Quick Buy feature should apply to all products or only specific products.

  • Manage customer visibility: Decide whether the feature is visible to all customers or only to specific customer groups who are logged in.

  • Choose display location: Specify where the Quick Buy feature should be shown - on the collection page, homepage, or any selected page.

All of these options can be easily configured within the settings.

Design the Quick buy feature

  1. After finishing the Quick buy feature condition, you can move to the Design tab and style the color/font for it.

The app has color setting for each column, you can freely change color and adjust font size for the text:

If you want the cart button to have the same style as your theme's default cart button, you can enable the setting: Same style as add to cart button

We will take the style of your theme's button to apply to our app's cart button:

If it doesn't work, the app will replace the style with the color settings you made in the app.

After finishing everything, click "Save" and check the result in the front store:

  1. Translate/Edit texts for this Quick buy feature:

You can edit the texts in the Translation setting in the app. Please go to Settings > Translations tab and edit the texts for thi Quick buy feature:

Last updated

Was this helpful?