Advanced Pack

Presentation

Advanced Pack allows you to create sets of products and manage discounts without having to worry about pack stock management.
This module can automatically recover the combinations for the products it contains and can allow your clients to choose the combination they want for each one.

Installation

To install Advanced Pack, see our tutorial on how to install a module here.

General Points and Operating Principles

Stock

The module is based on the product stock present in your packs to determine the number of packs to be offered for sale. If one of the products that you sell in a pack is sold out, the pack(s) that contain the product will be automatically set as unavailable.
The module will delete the number of products ordered from the stock for each product in the pack when an order is placed.
Finally, if you deactivate stock management in your PrestaShop, the module will allocate a stock value of 10000 to your packs to avoidannoying side effects on the product list pages.

Themes

Advanced Pack may be installed and used without any graphic adjustments if your site uses the defaut PrestaShop themes (1.5 or 1.6). The module is delivered with a set of templates that are based on these two themes, that you can find in the /views/templates/front/ folder.

If your shop is using a theme other than the default theme, you will need to have it custom integrated by your agency or a freelance integrator or launch a request for proposals on the PrestaShop forums.

PrestaModule does not offer this service.

Orders

When an order containing some packs is being created, these packs will be replaced by the products that compose them. This way, the orders containing packs will look the same that orders containing products added individually, which won’t disrupt your orders exportation tools to your ERP or the working methods of your warehouses.

This method ensures that the stock of each product ordered in a pack will be correctly updated, and will allow a partial return for your customers instead of having to return the whole pack. Your statistics modules regarding the best-sellers of your shop will then be able to count the sales from packs correctly.

Particular case related to orders containing packs

Some pack configurations are allowing specific behaviours. When the options “Do not apply any discount for this pack”, “Provide an option for the customer to choose the quantity of each product to be included in the pack” and “Allow product removal from the pack” (which requires the “Inherit discounts?” to be checked on each product of the pack) are enabled, your customers can modify the products quantities within your pack, or even remove products.
As the integrity of your pack has been modified by your customer, it won’t be considered anymore as a pack. Its addition to the cart is equivalent to a classic individual addition of products to the cart.
Your customer will not see the pack, but its content.

Example:
This Leo Look pack has 3 products, and is configured to allow the customer to choose the quantity of each product in the pack :

quantity-modification-enabled

In your back-office, this order will appear as an order containing 3 products, which will be prefixed with the Pack ID to which they belong.

If the quantity isn’t modified, then the pack is added to the cart as a unique product , the Leo Look pack:

pack-without-modification-in-cart

If the quantity is modified (we will there change the quantity of the second and the third products), the pack will be transformed into a cart, containing the chosen quantities for each products that were in the pack:

In your back-office, this order will appear as an order containing 3 products, which will not be prefixed with the pack ID to which they belonged.

Configuration

You will need to be able to access its configuration panel to set the settings for the module. To this end, go to the back office of your shop and navigate to Modules. Look for Advanced Pack and click Configure.

ap5-module-list

You are now in the admin interface for the module. This is where you can set the module to suit your needs.
config-module

Configuration Options

Pack Page Settings

Display Mode

display-mode
This allows you to set the template to be used for the pack pages.

– A simple display mode uses the template for a product page, allowing minimal integration work as regards your theme since the pack will be displayed as a standard product.

Example :

example-simple-mode

_____________________________________________________________________________

– An advanced display mode uses a custom template, that you can set using the unblocked options below. Integration work may, however, be needed in order to adapt your theme to this new template.

PrestaModule does not offer adaptation services.

Example :
example-advanced-mode

Provides an option for the customer to choose the quantity of each product to be included in the pack

provide-an-option-for-customer-to-chose-quantity
This allows you to activate or deactivate the display of a quantity selector for each product in the pack.
If you deactivate this, a non-modifiable quantity indicator will be displayed for each product in the pack in Simple mode and nothing will be displayed in Advanced mode.

This option needs the addition/withdrawal of products to/from the pack to be activated. To do this, go to the settings for the pack and navigate to Configure Pack and tick the Allow a product to be removed from the pack checkbox.

Example :

example-allowed
Example with option activated
example-not-allowed
Example with option deactivated

Activate sticky mode for the buy block

activate-sticky-mode-for-the-buy-block
This allows the buy block to always be visible, whatever the scroll position of the page (Sticky mode).

Example :

Example-sticky-off
Option deactivated: the buy block does not follow the movement of the page
Example-sticky-on
Option activated: the buy block follows the movement of the page

Show thumbnails for the products in the pack

show-thumbnails-for-the-products-in-the-pack
This allows you to activate or deactivate the display of product thumbnails. These thumbnails are the images under the main image for each product in the pack and correspond to the different images linked with the product (including combinations).

Example :

show-thumbnails-on
Example with thumbnails displayed
show-thumbnails-off
Example with thumbnails hidden

Restrict product images to the combination selected?

restrict-product-image-to-the-combination-selected

This allows you to display only the thumbnails associated with the selected combination.
For example, if you have linked several images to a combination of one of your products and the visitor selects this product, only these thumbnails will be displayed under the main product photo.

The images + combinations must be linked correctly on the product page for you to be able to use this feature.

Example :

Restrict product image to the combination selected-off
Option deactivated: the images for the combinations are all displayed, no matter what is selected
Restrict product image to the combination selected-on
Option activated: the default combination image is displayed. The associated image will be displayed when an attribute is selected.

Description Options

The custom pack description block will be displayed automatically if you enter one when editing your product pack.
If no pack description is entered, the pack content block will occupy the available width.

afficher-la-description-du-pack
If you specify a description for your product pack, it will be displayed to the left of the descriptions for the products in the packs.

Product Pack Description Block

Although we strongly encourage you to write a unique description for your packs for natural referencing purposes, you may also choose to show the text content for the products in the pack. A new block is displayed on the pack pages if you activate one or more of these options.

Display the short description for the Products in the Pack

Display-the-summary-for-the-product-in-the-pack
Show the content of the short description or summary of the products in your pack.

The SEO penalty for duplicated content is low.

Example :

Short-description-off
Option deactivated: no summary is displayed
Short-description-on
Option activated: the summary is displayed above the description and the characteristics (if activated)

Display the description for the Products in the Pack

display-the-description-for-the-product-in-the-pack
Show the content of the description for the products in your pack.

The SEO penalty for duplicated content is high if you display the summary and the description at the same time.

Example :

Display-long-description-off
Option deactivated: product description is not displayed
Display-long-description-on
Option activated: the product description displayed between the summary and the characteristics

Display the features of the Products in the Pack

Display-the-features-for-the-product-in-the-pack
This allows you to display the technical sheet for the products in your pack, i.e. all their features.

Example :

Display-features-off
Option deactivated: the product characteristics are hidden
Display-features-on
Option activated: the product characteristics are displayed below the description

Display the Availability Information for the Products in the Pack

Display-the-availability-information-fo-the-products-in-the-pack
This allows you to display availability information (in stock, out of stock or custom messages) for each product in your pack.

It is not possible to set a custom unavailability message for a pack.

Example :

Display-availability-off
Option deactivated: no availability information is displayed
Display-availability-on
Option activated: availability information is displayed below the price

Active Tab Background Color

Active-tab-background-color
This allows you to set the color of the active tabs in the description bloc for the products in the pack.
You may choose a color solid or set a gradient in order to adapt it to the design of your shop.
exemple-de-base

Example :

active-tab-background-color-fade-off
couleur-de-find-des-onglets-actifs-dégradé-off
Solid blue background (#009ad0)
active-tab-background-color-fade-on
couleur-de-fond-des-onglets-dégradé-on
Blue (#009ad0) to gray (#606f78) gradient background

Active Tab Text Color

Active-tab-text-color
This allows you to set the text color to be used for the titles of the products in the description block for the products in the pack.

Example :

Active-tab-text-color
couleur-du-texte-des-onglets-actifs-défaut-on
The default color is white
Active tab text color-black
couleur-du-texte-des-onglets-actifs-noir-on
Black is chosen here

Active Tab Border Color

Active-tab-border-color
This allows you to set the border color of the active tabs in the description block for the products in the pack.

Example :

Active-tab-border-color
couleur-des-bordures-des-onglets-actifs-défaut-on
The border is dark blue as shown in the module settings
Active tab border color-green
couleur-des-bordures-des-onglets-actifs-vert-on
The border is green, as shown in the module settings

Background Color for the Ribbons (used to display the quantity)

Background-color-for-the-Ribbons
This allows you to choose the background color for the ribbons that will be displayed on the products in your pack.
Warning: you must enter a quantity greater than 1 for the ribbons to be displayed when you add a product to your pack.

Example :

Background-color-for-the-Ribbons
couleur-de-fond-des-rubans-defaut
The ribbon showing the number of blouses sold in the pack is blue (by default)

background color for the ribbons gradient
couleur-de-fond-des-rubans-dégradé
The ribbon showing the number of blouses sold in the pack has a dark blue to light blue gradient fill

Text Color for the Ribbons (used to display the quantity)

Text-color-for-the-Ribbons
This allows you to choose the color of the text displayed on the ribbons.

Example :

Text-color-for-the-Ribbons
couleur-du-texte-des-rubans-défaut-ex
The number of products here is displayed in the default color, i.e. white
Text color for the ribbons yellow
couleur-du-texte-des-rubans-orange-ex
The number of products here is displayed in the color set above, i.e. yellow

Border color for the Ribbons (used to display the quantity)

Border-color-for-the-ribbons
This allows you to choose the border color for the ribbons that show the quantity of products.

Example :

Border-color-for-the-ribbons
couleur-des-bordures-des-rubans-défaut-ex
The borders are shown here in the default color, dark blue
Border color for the ribbons example
couleur-des-bordures-des-rubans-vert-ex
The borders are displayed in the chosen color, green in this case

Product Separator Color

Product-separator-color
This allows you to choose the background color for the separator displayed between the products in your pack.
Warning: the + sign will always be white. Choose a different background color or the icon will not be visible.

Example :

Product-separator-color
couleur-de-l'icone-de-séparation-ex-noire
Default color: black background
Product separator color example
couleur-icone-séparation-produits-ex-rouge
Here is the icon in red, as set in the modules settings above

Color of the Remove Product from Pack icon

Color-of-the-Remove-from-Pack-icon

This allows you to provide your customers with the option to remove one or several products from a pack when they are on the page for the pack.
Warning: to activate removal of a product from a pack, the pack must comprise at least 3 products, not include any discount, the Remove product from pack checkbox must be checked and the inherit discount checkbox for each of your products? must be ticked. An icon will then appear, allowing your customer to remove a product from the pack.
The – sign will always be white. You should therefore choose a color that ensures that the remove product icon is visible.

example-config-remove-product

Example :

Color-of-the-Remove-from-Pack-icon
couleur-de-l'icone-retirer-un-produit-du-pack-ex-noir
The button is black by default
Color remove product example
couleur-de-l'icone-retirer-un-produit-du-pack-ex-rose
The button is now pink, with the above settings

Color of the Re-Insert Product into Pack icon

Color-of-the-Reinsert-product-into-pack-icon
This allows you to choose the color of the button for re-inserting a product that the customer previously removed from a pack back into the pack.
The pack must comprise at least 3 products, not include any discount, the Remove product from pack checkbox must be ticked and the inherit discount checkbox for each of your products? must be ticked. The icon to re-insert a product appears when the customer removes a product.

Example :

Color-of-the-Reinsert-product-into-pack-icon
couleur-de-l'icone-réintégrer-un-produit-au-pack-ex-noire
The button Re-Insert Product into Pack in its default color
Color reinsert product example
couleur-de-l'icone-réintégrer-un-produit-au-pack-couleur-rouge
The Re-Insert Product into Pack button in the color set, i.e. red (#ff0000)

Main Product Image Size

Main-product-image-size
This allows you to choose the size of the images for the products in the pack.
The different image sizes can be set under Preferences – Images in your PrestaShop back office.
images-sizes-backoffice

Example :

taille-de-l'image-principale-des-produits-ex-home-default
Here is the default size of the images
example-bo-cart-default
taille-de-l'image-principale-des-produits-cartdefault
Here is an example with the “cart_default” size

Main Product Image Size (mobile)

Main-product-image-size-(mobile)

This allows you to choose the size of the images for the products in the pack for a mobile device.
The different image sizes can be set under Preferences – Images in your PrestaShop back office.

Example :

taille-de-l'image-principale-des-produits-mobile-ex-homedefault
Example of the default size: home_default
example-cart-default-mobile
taille-de-l'image-principale-des-produits-mobile-cartdefault
Example with size cart_default

Product Thumbnail Size

taille-des-miniatures-des-produits-default-bo
This allows you to set the size of the thumbnails for the products offered in your packs.

Example :

taille-des-miniatures-des-produits-ex-default
Example with default size cart_default
example-medium-default
taille-des-miniatures-des-produits-ex-medium
Example with size medium_default

Size of the Zoom Image for the Products

Size-of-the-zoom-image-for-the-products
This allows you to choose the size of the product images when the customer clicks on it (this zooms the image). We recommend that you choose this size based on the size of your product images. If you define a greater zoom size than your product image, the image will be displayed with a white margin to fill the block.
These sizes can be set in your PrestaShop options (Preferences -> Images).

Example :

taille-de-l'image-zoom-ex-default
Example with default size thickbox_default (800 x 800 pixels)
example-large-default
taille-de-l'image-zoom-ex-largedefaut
Example with size large_default (458 x 458 pixels)

Settings for the “This product is also available in pack” block

Display the “This product is also available in pack” block?

Display the This Product is Also Available in Pack block
This allows you to suggest a pack that comprises the product being viewed.

Example :

Display-the-Also-Available-in-Pack-block-example

Here is the block on a product page when the option has been activated

Maximum number of packs to be displayed

Maximum-number-of-pack-to-be-displayed
This allows you to set the maximum number of packs to be displayed in the suggestions on the product pages. Set this to 0 to display all the packs that include the product being viewed, no matter how many packs there are.

Example :

nombre-max-de-packs-à-afficher-defaut-ex
Limit set to 0
Maximum number of pack to be displayed example
nombre-max-de-packs-à-afficher-ex-1
Limit set to 1

Sort packs by

Sort-packs-by
This allows you to sort the suggested packs displayed by date of creation, newest-to-oldest or oldest-to-newest, or by price, low-to-high or high-to-low, or randomly.

Example :

trier-les-packs-par-prix-croissants-ex
Packs sorted by price, low-to-high
Sorts packs by descending example
trier-les-packs-par-prix-décroissant-ex
Packs sorted by price, high-to-low

Display View this Pack button

Display-View-this-Pack-button
This allows you to display a See Pack button next to each suggestion. This button will redirect the customer to the page for the pack.

Example :

Display view this pack button on
Option activated
Display view this pack button off
Option deactivated

Display Buy this Pack Button

Display-Buy-this-Pack-button
This allows you to display a Buy Pack button next to each pack suggestion.
Unlike the See Pack button, the Buy Pack button adds the pack directly to your customer’s cart.

Example :

Display buy this pack button on
Option activated
Display Buy this pack off
Option deactivated

View this Pack Button Background Color

View-this-Pack-button-background-color
This allows you to choose the background color for the View this Pack button. You may also set a two-color gradient.
This button is green by default.

Example :

couleur-de-fonc-bouton-voir-ce-pack-default-ex
Default button color
view this pack button background example
couleur-de-fond-bouton-voir-ce-pack-rose-ex
Example in pink

View this Pack Button Text Color

View-this-Pack-button-text-color
This allows you to set the text color for the View this Pack button We recommend that you choose a text color that works with the background color for the button such that the text be visible.

Example :

couleur-de-fonc-bouton-voir-ce-pack-default-ex
The text on this button has been set to white (default color)
couelur-du-texte-du-bouton-voir-ce-pack-noir-ex
The text on this button has been set to black

Buy this Pack Button Background Color

Buy-this-Pack-button-background-color
This allows you to set the background color for the Buy this Pack button You may also set a two-color gradient.

Example :

couleur-de-fond-bouton-acheter-ce-pack-ex-default
Buy Pack button with default color (blue)
couleur-de-fond-bouton-acheter-ce-pack-rose-ex
Buy Pack button in pink

Buy this Pack Button Text Color

Buy-this-pack-button-text-color
This allows you to set the text color for the See Pack button We recommend that you choose a color that works with the background color for the button such that the text be visible.

Example :

couleur de fond bouton acheter ce pack ex default
The text on this button has been set to white (default color)
couleur-du-texte-bouton-acheter-ce-pack-noir
The text on this button has been set to black

Main Product Image Size

Main-product-image-size
This allows you to choose the image size for the products in the packs displayed on the product pages.

Example :

taille-de-l'image-principale-des-produits-default-ex
The images displayed here have the default size medium_default 
Main-product-image-size
taille-de-l'image-principale-des-produits-home-default-ex
The images shown here are in the size home_default

Create Pack

To create a pack, start by going to the back office for your shop and navigating to Catalog -> Packs.

Click “Add Pack” to add a new pack
add-a-new-pack

This takes you to the configuration page for the new pack.

A pack is a virtual product. You must therefore fill out all the fields required for it to be created. You can set the products to be included in the pack and the price of the pack under the Configure Pack tab.

The first field of interest to us on this page is Pack Content. This is where you add the products to the pack.
pack-content

Just enter the name of the product or its ID in the search field and click it to add it to the pack.
The product will appear as follows:
pack-content-block

There are two ways to create packs that contain the same product several times, each one giving a different result for your customers:

– The first way is to add the same product several times using the search field provided to this end. e.g. if you add Solid Color Blouse 3 times using the search, your pack will offer your client the choice of combination for each blouse.

– The second way is to add the product you want to sell and then set its quantity in the Quantity field for the product. Unlike in the first method this does not allow your customer to select different combinations for the batch. The combination chosen will apply to all the products in the batch.

Once you have added all your products, you have 4 different ways in which you can set your price strategy. The profitability calculation wizard on the right-hand side will give you an accurate real-time view of your pack.

Warning: The Allow Product to be Removed from Pack option is only available if no discount has been applied and the Inherit Discount checkboxes for the products in the pack have been ticked.
price-rules

You have finished configuring your pack! Click Save and start selling 🙂