Related products number of products shown

[Scot - ScotsScripts.com]

Where is the setting that is forcing related products to show two product at a time? I want to change it to 4.

[Brennan]

Re: Related products number of products shown

The actual number of products loaded is controlled in the admin under PROD, related product list layout tab. However with this theme it is setup to only show 2 then scroll though the rest.

You'll need to adjust the css to allow the width to display more.

[wmgilligan]

Re: Related products number of products shown

The actual number of products loaded is controlled in the admin under PROD, related product list layout tab. However with this theme it is setup to only show 2 then scroll though the rest.

You'll need to adjust the css to allow the width to display more.

And what CSS would this be?
There are many to choose from.

[1873Peacemaker]

Re: Related products number of products shown

And what CSS would this be?
There are many to choose from.

(bump) Brennan, In which CSS file in Suivant? Can you provide the CSS selector and declaration we should look for? Do we need to change column size too? And if so, is that in the same CSS declaration as the number of products to show? Thank you.

[Bruce - PhosphorMedia]

Re: Related products number of products shown

Here's a thought.

Could you make a "development" switch on the css.php file? i.e., if (dev.) in domain url, have the css.php file just write out the css links directly?

Alternately, you could just replace the css.php call temporarily with the direct calls in the template. Then you can use browser Inspection tools to quickly see the related style sheet.

[wmgilligan]

Re: Related products number of products shown

Here's a thought.

Could you make a "development" switch on the css.php file? i.e., if (dev.) in domain url, have the css.php file just write out the css links directly?

Alternately, you could just replace the css.php call temporarily with the direct calls in the template. Then you can use browser Inspection tools to quickly see the related style sheet.

Or just a simple reply would be nice....

[Brennan]

Re: Related products number of products shown

Right now the related products are contained with a column that is set to 50% width. An easy solution would be to remove the related products div outside this div into its own single column div so it can expand 100% width. Keep in mind that if you had a long description it would push this down until after that.

Also, it looks like the number of products displayed is controlled via some JavaScript. Edit the /js/scripts.js file and look for

// ---- Related Products Carousel ---- //

Here there are two options:


slidesToScroll: 2,
slidesToShow: 2,

Adjust those to what you need. Here is a working example:

http://readytheme-test.mivamerchantd.../Guitar_1.html

In the related Product list layout I also changed: <div class="column whole medium-half"> to <div class="column whole">