Announcement

Collapse
No announcement yet.

Related products number of products shown

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Related products number of products shown

    Where is the setting that is forcing related products to show two product at a time? I want to change it to 4.
    M.A.D.* since 1997

    http://www.scotsscripts.com

    *miva application developers

    #2
    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.
    Brennan Heyde
    VP Product
    Miva, Inc.
    [email protected]
    https://www.miva.com

    Comment


      #3
      Re: Related products number of products shown

      Originally posted by Brennan View Post
      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.
      William Gilligan - Orange Marmalade, Inc.
      www.OrangeMarmaladeinc.com

      Comment


        #4
        Re: Related products number of products shown

        Originally posted by wmgilligan View Post
        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.
        Kristin Park

        Comment


          #5
          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.
          Bruce Golub
          Phosphor Media - "Your Success is our Business"

          Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
          phosphormedia.com

          Comment


            #6
            Re: Related products number of products shown

            Originally posted by Bruce - PhosphorMedia View Post
            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....
            William Gilligan - Orange Marmalade, Inc.
            www.OrangeMarmaladeinc.com

            Comment


              #7
              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">
              Brennan Heyde
              VP Product
              Miva, Inc.
              [email protected]
              https://www.miva.com

              Comment

              Working...
              X