Reading list Switch to dark mode

    Prestashop Product Combinations Table/List View with Add to Cart {User Guide}

    Updated 6 February 2024

    Prestashop Product Combinations Table/List View with Add to Cart: Offer your customers a faster way of shopping by displaying all combinations with add to cart button on the product and listing pages. Customers can add desired product combinations to the cart directly from the collection pages. Show the product combinations in a table or list view on the product and listing pages.

    Prestashop Product Combinations Table/List View with Add to Cart module is compatible with framework version 8.x.x and multi-store feature.

    Features of Prestashop Product Combinations Table/List View with Add to Cart

    • Show all the combinations of a product in a table.
    • Choose to show it at three positions viz. on the footer, at additional info section of the product page, or in a product tab.
    • Show or hide the image of the product combinations in the table.
    • Choose to show or hide the reference of the combinations of the product in the table.
    • Show or hide the filter option on the product page to the customer.
    • Show or hide the option to sort the combinations to the customer.
    • Choose to show or hide the final price of the product after applying a discount.
    • Show or hide the per-unit price of the particular combination in the table.
    • Display the product combinations on home, product, category, search, price drop, new products, best sales, manufacturer, and supplier pages.
    • Three view types to show combinations on product listing pages viz. default, tabular, and listing.
    • Choose to show add to cart button on category page.
    • Show or hide the bulk add to cart button in the product combinations table.
    • Choose to show or hide the default combination selection option.
    • Show or hide the quantity input box & default add to cart button on the product page.
    • View price for each combination separately in the table.
    • Select categories of product for which combination table will display.
    • Select individual products for which combination table will not display.
    • Choose to display/hide out of stock combination.
    • Display combination table only when customer applies filter.

    Note

    The module translations are available in these languages – Arabic(ar), Bulgarian (bg), German(de), Spanish(es), French(fr), Italian(it), Japanese(ja), Dutch(nl), Portuguese (pt), Russian(ru)

    Module Installation

    • Firstly, go to the module manager in the back office and click on ‘upload a module’.
    • Now, drag and drop the module file or select the file from the system.
    • In this way, the module installation will be successful.
    0-1
    1-10
    2-14

    Module Configuration

    After the successful installation of the module, admin needs to configure the module.

    • Display product combination table on product page: The admin can choose to show the module on product page footer, additional info section, or in a separate product description tab.
    • Enable filter options on product page: Show or hide the filter option on the product page. It helps customers to filter search results on the basis of various attributes of the product.
    • Enable sort options on product page: Show or hide the option to sort the combinations adjacent to the combination table.
    • Enable bulk add to cart on product page: Show or hide the bulk add to cart button. This will help customers to add multiple combinations to the cart in one go.
    • Display table only when filter is applied: Show combination table only when customer applies filter.
    • Display combination and add-to-cart on product listing pages: Choose to show combination and add to cart button on the product listing pages.
    • Display combination type on product listing page: The option lets you select the view type to show the product combinations on the front end. You can choose to show combinations in default, tabular, or listing view.
    • Product listing pages: Select the pages where you want to show the product combinations.
    • Enable filter options on product listing page: Show or hide the filter option on the product listing page.
    • Enable sort options on product listing page: Show or hide sort options on product listing pages.
    • Enable bulk add to cart on product listing page: Show or hide the bulk add to cart button on product listing page.
    • Select categories to show combination view on category products: Select multiple categories for which you want to show the combination view.
    • Select products to hide combination table: Choose individual products on which combination table will not display.
    • Display out-of-stock combinations: Choose to show out-of-stock combinations in the product combination table.
    • Display Combination Image: Show or hide the image of the product combinations in table.
    • Display Combination Reference: Choose to show or hide the reference of the combinations of the product in the table.
    • Display Combination Quantity: Show or hide the quantity of each combination in the table.
    • Display Combination Final Price: Choose to show or hide the final price of the product after applying a discount.
    • Display Combination Final Unit Price: Show or hide the per-unit price of the particular combination in the table.
    1-3
    2-3

    Front End View

    On the Footer of Product Page

    Searching for an experienced
    Prestashop Company ?
    Find out More

    After configuring the above settings, you will see a new table below the description box on the product page. This table will consist of all the combinations of the product. You can choose to filter the list or sort it on various grounds.

    image-195

    On tapping the given link, you will be scrolled down.
    Here, since the configuration “Display table only when filter is applied” is ON, therefore, you can see that the combination table is not shown.

    3-8

    However, if you will apply the filters, the combination table will get displayed.

    4-7

    If you Turn OFF the setting “Display table only when filter is applied“, the combination table will get displayed even if no filter is applied as shown in the screenshot below.

    Filter-option-off

    No filter is applied, still the combination table is displayed.

    5-7

    In the General Configuration settings of the module, as the admin has enabled the display of all information like combination image, reference, quantity, final price, final unit price, sort option, filter option and Bulk add to cart, therefore, all the enabled settings will be shown in the combination table.

    image-199

    Show unit price of the product combination in the table

    In order to show the unit price of the product, firstly enable the relevant option from the configuration settings. Please refer the below screenshot.

    But, wait, firstly you need to define the per-unit price of the product. In case, if you do not set this price then no information about it will be available to the customer. Therefore, to add the price per unit, go to the “Pricing” section. After that, define the per-unit price of the product.

    7-6

    Bulk Add to Cart feature

    Suppose you filter the combination list on the basis of an attribute, say “Size-M”. After filtering the list, you get 2 results. And, now you are planning to buy both combinations of product.

    With the “bulk add to cart” button, now it will be even much easier to add both the products simultaneously to the cart. A customer just needs to check the boxes & click on the ‘Add to cart’ button available below the table.

    8-6

    After clicking the button, a customer can find both the products in the cart now.

    9-5

    Now, easily checkout with both the products in one go.

    image-196

    Display combination on other pages

    The admin can select various store pages where he wants to show the product combinations. The admin can choose to show combinations on home, product, category, search, price drop, new products, best sales, manufacturer, and supplier pages.

    Home Page

    4-9

    Search Results Page

    6-6

    Price drop page

    7-6

    Show combination on category page

    As enabled by the admin from the back office, the combinations will show on the category page.

    8-5

    Show add to cart on category page

    As enabled by admin while configuring the module settings, the add to cart button will show on the category page to let customers add the desired combination to the cart directly from the category page.

    9-5

    View combination type

    The extension allows you to show product combinations in default, tabular, or listing view.

    Default view

    10-4

    Tabular view

    When a customer scrolls over a product article on listing page, a hamburger icon will appear. On clicking this icon, a popup will display on the page where customer can view product combinations in tabular form.

    12-2

    Listing View

    This option lets customer view all the combinations of a product in a list.

    Screenshot-by-Lightshot

    A setting – Select products to hide combination table

    As Admin has selected “Hummingbird Printed T-shirt” product under this, therefore, the combination table will not be shown on this product.

    No-table-on-product

    At the additional info section

    There is additional functionality for the position of the combination table. Apart from the footer, you can also choose to display it at the additional info section.

    This option lets you display the table just above the product description tab on the product page. You can also choose whether you want to display following default option or not.

    • Display default combination, quantity add to cart button

    Apart from the above setting, all other options are same.

    13-3

    As “Display default combination, quantity and add to cart button” is ON, therefore on the product page you will see the default combination, quantity and add to cart button.

    12-3

    Upon configuring the table for additional info section, you can find the combination table at additional info section on the product page.

    13-2

    If you apply filter, then the results will display based on the selected filter.

    14-2

    At Product Tab

    On selecting this option, a Combination Table will display in a separate tab.

    Combination-tabel-in-separate-tab

    This was all about the Prestashop Product Combinations Table/List View with Add to Cart Module. I hope this document will help you in checking the functionality of the module in a better way. Also, do let us know about your views in the comments.

    Support

    For any kind of technical assistance or query, please raise a ticket or send us a mail at [email protected]

    Also, please explore our Prestashop development services and a vast range of quality Prestashop addons.

    Current Product Version - 4.2.2

    Supported Framework Version - 8.x.x, 1.7.x.x

    Blog Version - 8.x.x, 1.7.x.x
    • Version 8.x.x, 1.7.x.x
    • Version 1.7.x.x
    . . .

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    Be the first to comment.

    Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content