Categories

Featured templates

PrestaShop 1.6.x. How to set number of related products on the product page

Eva Fox August 24, 2015
Rating: 5.0/5. From 3 votes.
Please wait...

This tutorial will guide you through setting the number of related products on the Prestashop product page.

PrestaShop 1.6.x. How to set number of related products on the product page

  1. Prestashop product page includes the block of XX other products of the same category: where related products are displayed:

    PrestaShop 1.6.x. How to set the number of related products on the product page_1

  2. In order to change amount of products displayed in a row, you need to use FTP or cPanel and open productscategory.js file in the themes/themeXXXX/js/modules/productscategory/js/ directory, where XXXX is the theme number. Click Code edit button.

  3. In the file approximately on line 41 you will see:

    else if ($(document).width() >= 768) {
        if (productColumns != 'undefined') {
            if (productColumns == 1) {
                minSlides = 6
            } else if (productColumns == 2) {
                minSlides = 5
            } else {
                minSlides = 3
            }
        } else {
            minSlides = 2
        }
        slider.reloadSlider({
                    minSlides: minSlides,
                    maxSlides: 6,
                    slideWidth: 178

    where you need to change amount of products for minSlides=6 and set slideWidth: 178:

    PrestaShop 1.6.x. How to set the number of related products on the product page_2

  4. We will change 6 products per row to 5 products. Thus minSlides=6 we will change to minSlides=5, and slideWidth: 178 to slideWidth: 200:

    PrestaShop 1.6.x. How to set the number of related products on the product page_3

  5. Save changes and do not forget to clear cache.

Feel free to check the detailed video tutorial below:

PrestaShop 1.6.x. How to set number of related products on the product page

Themes for Prestashop
This entry was posted in PrestaShop Tutorials and tagged number, Prestashop, product, Related. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket