All Collections
Plus+ Addons
Productpage preview
Productpage preview
Nick Paul avatar
Written by Nick Paul
Updated over a week ago

A mini product page on your collection page, that's nice! πŸ›οΈ

With the quickshop add-on, the customer can already order on the collection pages as if he were on the product page!

"Is it possible to develop a quick display on the collection page, without the customer having to go to the product page?" that was a common question. Inspired by your feedback! Here it is, the Quickshop add-on. 🀝

With this add-on you make it possible for the customer to select variants from the collection pages, read in information πŸ”Ž

Installation πŸ› οΈ

mceclip6.png


To install this add-on, an implementation from a developer is required . So it may take a while before the add-on is active. Simply click on " Request add-on " and let Plus+ notify our development heroes. πŸ‘¨β€βš•οΈ

After clicking " Request Add-on ", you would be redirected to " My Plus+ Add-ons " page. You will also see the following message appear in the top right corner of the dashboard.

mceclip7.png

Add-on settings/overview βš™οΈ
After installation you will see that the add-on is in your overview , including installation date and status.
With this add-on, the status would first be "Open" , this is because the developers would first have to add the code to your webshop.

Once the developers are working on this you should see the status change to "Work in progress"

When the developers have added the code, this status will be set to "inactive" , so that you can first set it up properly and then activate it!

To activate the add-on, click on the hamburger menu and choose "activate". Prefer to see a preview in test mode first ? Which can. Click " Activate in preview mode" and the add-on would be visible only to you. So not for the customers !

mceclip9.png

Settings βš™οΈ

General

The general settings that are needed for the add-on to work, this also provides the options on your quickshop page.

πŸ›’ Show 'short product description': Is there a short description of the product available? If so, you can show it by activating the button. This way the customer can immediately see the most important information!

πŸ›’ Show brand: Do you want to show the brand on the quickshop? If so, this will be in the form of a link, if the customer clicks on it, he will be redirected to the overview page of the relevant brand.

πŸ›’ Show review stars: Is your product the star? Show the average review score immediately on the quickshop!

πŸ›’ Show delivery time: Delivery times are indispensable of course, do you also want to communicate the delivery times on the quickshop element? Then activate this setting.

πŸ›’ Show an icon for the delivery time text: The delivery times are of course available in different texts, do you want to add an icon for that? Looks a lot nicer!

πŸ›’ Icon: The setting above activated? Choose the styling of your icon here!

Variant dropdown πŸ›’

With the variant dropdown settings you determine what is shown in this dropdown.
πŸ›’ Show 'Choose version' title: Do you want to show a title above the dropdown? Enable this setting.

πŸ›’ Show out of stock variants: Do you want to make the sold out variants visible? Then the variant in the dropdown will be shown as 'Temporarily Sold Out'. (Tip, leave it off if you are using The Perfect Stock!) Then turn this setting on. Don't want to show it? Then leave it off.

πŸ›’ Show availability with stock numbers: Very simply, do you want to show the exact stock? So for example: '3 more in stock'

πŸ›’ Show number at maximum stock of: When do you want the above option to load? Which stock should be active? In the example 3 is mentioned, so if the stock is at 3 or lower the exact stock will be shown.

πŸ›’ Show product thumbnail: Very simple, do you want to show the product image of the variant? For variants without image the main product image will be loaded.

πŸ›’ Always show default product image: Enable this setting if you want to show a product image in the dropdown for variants that have no image active (by default this is the first image of the product).

πŸ›’ Show first variant by default: Want to make it even easier for customers? Fixedly select the first available variant for the customer without them having to do it themselves.

Price settings πŸ›’

With the price settings you can have the prices displayed in exactly the right way based on your theme, this can still vary from theme to theme. This way you can make everything equal.

πŸ›’ Show ,00 after the decimal point: Very simple, should a ,00 be added after the comma when the price is round?

πŸ›’ Show currency sign: Do you want to show the currency sign before the price? Then activate this option.

πŸ›’ Show space between currency sign and price: Do you have the currency sign active? Then of course you can always choose to put a space between the currency and the price.

The Perfect Stock πŸ›’

What's an add-on like this without the perfect stock? Determine with the following setting if you want to show the stock notifier in the quickshop.
πŸ›’ Show envelope icon: As mentioned above, do you have the show variants that are out of stock turned on? Then the perfect stock will work with this. Do you want to show an envelope icon before the text? Then activate this setting.


Design settings πŸ›’

With the design settings you determine the design of the quickshop. So set it according to your style and taste!

πŸ›’ Show button on desktop: If you enable this setting, a button/label will appear on the product cards that people can click on to show the quickshop.

πŸ›’ Position button horizontally desktop: The name of the setting says it all, on which position do you want the button to be, is it left or right?

πŸ›’ Position button vertical desktop: Just like the above setting, the name of the setting says it all, at what position do you want the button to be, is this up or down?

πŸ›’ Distance to border horizontal/vertical desktop: Set the position of the button with these settings, so that it is not blocked by other elements on the product card.

πŸ›’ Position button horizontal mobile: The name of the setting says it all, on which position do you want the button, is it left or right?

πŸ›’ Position button vertical mobile: Just like the above setting, the name of the setting says it all, on which position do you want the button to be, is this up or down?

πŸ›’ Distance to border horizontal/vertical mobile: Set the position of the button with these settings, so it won't be blocked by other elements on the product card.

Color settings πŸ›’

With the color settings you determine the styling of the label and the button on the product card. So set it to your corporate identity so everything fits in one line! πŸ˜„

πŸ›’ Show Shadow: Do you want the light shadow to appear behind the label for the quick scan? You can do this to make it stand out just a bit more. Then activate this setting.

πŸ›’ Button background color: The name of the setting says it all, what background color should the button get?

πŸ›’ Button text color: Just like the above setting, the name of the setting says it all, what color should the text in the button get?

πŸ›’ Button border color: What a coincidence, even this setting already tells you what it does. what color should the border of the button get?

Translation keys πŸ›’

Within this add-on translations are used, with which you can adjust the text of the add-on to your own text. You can do this by entering the desired translation in the text fields.

Did this answer your question?