Announcement

Collapse
No announcement yet.

Category Product Display Issue

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

    Category Product Display Issue

    Setting up our category display on a dev site with a new iron & wool theme using a three column display. Sometimes when a category page loads it displays a row with only one product (see sample image). When you refresh the page everything corrects. Can someone point me into the general area of where I need to address this issue.

    cat-image.jpg
    Attached Files

    #2
    It looks like an overflow issue. Try setting a minimum height on the product element.
    Matt Zimmermann

    Miva Web Developer
    Alchemy Web Development
    https://www.alchemywebdev.com
    Site Development - Maintenance - Consultation

    Miva Certified Developer
    Miva Professional Developer

    https://www.dev4web.net | Twitter

    Comment


      #3
      This is where I made the change to set the min height;

      .category-product a {
      overflow: hidden;
      position: relative;
      min-height: 1px;
      }
      No change however.

      Comment


        #4
        You should be able to set it on the .category-product class.
        Matt Zimmermann

        Miva Web Developer
        Alchemy Web Development
        https://www.alchemywebdev.com
        Site Development - Maintenance - Consultation

        Miva Certified Developer
        Miva Professional Developer

        https://www.dev4web.net | Twitter

        Comment


          #5
          In pages.css

          .category-product {
          margin-bottom: 1rem;
          text-align: center;
          min-height: 1px;
          }

          Is this it? No Change

          Comment


            #6
            In themes.css

            .category-product {
            margin-bottom: 1rem;
            text-align: center;
            min-height: 1px;
            }

            Is this it? No Change

            Comment


              #7
              You will need to set it to something like 10rem
              Matt Zimmermann

              Miva Web Developer
              Alchemy Web Development
              https://www.alchemywebdev.com
              Site Development - Maintenance - Consultation

              Miva Certified Developer
              Miva Professional Developer

              https://www.dev4web.net | Twitter

              Comment


                #8
                This only happens in firefox. No problem on explorer or chrome. Crazy?

                Comment


                  #9
                  I hope your customers use Safari and Chrome! My Miva-shop statistics in Scandinavia are Chrome 41%, Safari 39%, Samsung (Chrome based) - 7% and Firefox is less than IE 3,7%. Firefox mostly used by developers over here :-). Cheers and midsummer greetings from Stockholm

                  Comment

                  Working...
                  X