[contact-form-7 id="24078" title="Feedback EN"]

Featured templates

osCommerce. How to change number of products per row

Good news for all on-line store keepers! In our new tutorial we will be glad to teach you how to change number of categories per row shown in categories listing and number of products per row in Specials, New, Related and Featured product sections.

osCommerce. How to change number of product per row

To learn how to do it, you should be logged into your osCommerce admin panel.

We will start from the number of items in the categories listing. On the category page you will see a certain number of category images that appear on the frontend:

oscommerce_how_to_change_number_of_products_per_row-1

In case you need to change it, please do the following:

  1. Go to Boxes settings->Subcategory:

    oscommerce_how_to_change_number_of_products_per_row-2

  2. Pick Width of Subcategory block by clicking on it and press Edit button on the right:

    oscommerce_how_to_change_number_of_products_per_row-3

  3. Type the desired value for your subcategory block and press Save:

    oscommerce_how_to_change_number_of_products_per_row-4

  4. Now we will need do modify the next field Subcategory image width and Subcategory image height to make sure that our images size matches with the size of block where they are located. Usually, those values should be less than "Width of Subcategory block".

  5. Pick Subcategory image width by clicking on it, press Edit button and type the desired value and press Save:

    oscommerce_how_to_change_number_of_products_per_row-5

  6. Subcategory image height field is edited exactly the same way.

  7. Now, please refresh your page to see the changes on frontend:

    oscommerce_how_to_change_number_of_products_per_row-6

Now we show you how to change number of products per row.

On the Special products page:

oscommerce_how_to_change_number_of_products_per_row-7

  1. Go to Pages settings->Specials products, click on Special Products to list per row and press Edit:

    oscommerce_how_to_change_number_of_products_per_row-8

  2. Type the desired value and press Save.

    oscommerce_how_to_change_number_of_products_per_row-9

Now the number of products per row is changed on your frontend:

oscommerce_how_to_change_number_of_products_per_row-10

You can change the number of items per row in Featured, New, Related and Also Purchased products in the same way.

  1. To change it for Featured products, please go to Boxes Settings->Featured Module and set the desired value in Defined Number of Items Per Row on Featured Products Module field. Save the changes:

    oscommerce_how_to_change_number_of_products_per_row-11

  2. To change it for New products, please go to Boxes Settings->New Products Module and set the desired value in New Products Module To List Per Row field. Save the changes:

    oscommerce_how_to_change_number_of_products_per_row-12

  3. To change it for Related products, please go to Boxes Settings->Related Products Module and set the desired value in Define Number of Items Per Row field. Save the changes:

    oscommerce_how_to_change_number_of_products_per_row-13

  4. To change it for Also purchased products, please go to Boxes Settings->Also Purchased and set the desired value in Also Purchased to List Per Row field. Save the changes:

    oscommerce_how_to_change_number_of_products_per_row-14

That’s it! Now you know how to change the number of categories per row shown in categories listing and number of products per row in various modules in your osCommerce store.

Feel free to check the detailed video tutorial below:

osCommerce. How to change number of product per row