Announcement

Collapse
No announcement yet.

Category Product Listings -- Line Item mode

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

    Category Product Listings -- Line Item mode

    In a stock Shadows install, I am seeing a mobile issue with the Line Item mode table. The width seems to be an issue and the image doesn't render properly via size if at all at certain breakpoints. I have a couple things to check but I am wondering if there is a known fix for this already?

    Thanks,

    Scott
    Need to offer Shipping Insurance?
    Interactive Design Solutions https://www.myids.net
    MivaMerchant Business Partner | Certified MivaMerchant Web Developer
    Competitive Rates, Custom Modules and Integrations, Store Integration
    AutoBaskets|Advanced Waitlist Integration|Ask about Shipping Insurance Integration
    My T-shirt Collection is mostly MivaCon T-shirts!!

    #2
    Hi Scott,

    Can you post a link to a page with this issue so I can wrap my head around it?
    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
      protected dir, I've PM'd to you the creds.
      Need to offer Shipping Insurance?
      Interactive Design Solutions https://www.myids.net
      MivaMerchant Business Partner | Certified MivaMerchant Web Developer
      Competitive Rates, Custom Modules and Integrations, Store Integration
      AutoBaskets|Advanced Waitlist Integration|Ask about Shipping Insurance Integration
      My T-shirt Collection is mostly MivaCon T-shirts!!

      Comment


        #4
        Hi Scott,

        For the category page, Shadows does not ship with a line-item mode table layout; the classes you are seeing there are the default ones output by Miva. You can add the component level styling to the output https://docs.miva.com/elements/components.html#tables .

        A switchable layout and line layout are extensions being planned for release in 2019.
        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
          Unless I didn't include something, applying those classes to the table, row, and cells cleaned up the page a little, but didn't fix the width issue or enable the image display. I needed to add an inline element of max-width: inherit; to the img tag. It works, but I don't like it. And of course, the width issue forces a scroll.

          The rows are NOT stacking. So is there a flexbox solution to stack the cells?

          Chances are I can rearrange and/or eliminate cells to create an acceptable layout. I guess I'm just seeing tables in Shadows not working so smoothly right now.

          Scott
          Last edited by ids; 12-21-18, 11:56 AM.
          Need to offer Shipping Insurance?
          Interactive Design Solutions https://www.myids.net
          MivaMerchant Business Partner | Certified MivaMerchant Web Developer
          Competitive Rates, Custom Modules and Integrations, Store Integration
          AutoBaskets|Advanced Waitlist Integration|Ask about Shipping Insurance Integration
          My T-shirt Collection is mostly MivaCon T-shirts!!

          Comment


            #6
            Hi Scott,

            By default, tables in Shadows are not responsive. However, there are classes for making them responsive in the CSS [ https://github.com/mivaecommerce/rea...nts/tables.css ]. I do not currently have any examples of this other than something like the basket page contents.
            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


              #7
              Thanks, Matt. Looks like I should be able to work with this.

              Scott
              Need to offer Shipping Insurance?
              Interactive Design Solutions https://www.myids.net
              MivaMerchant Business Partner | Certified MivaMerchant Web Developer
              Competitive Rates, Custom Modules and Integrations, Store Integration
              AutoBaskets|Advanced Waitlist Integration|Ask about Shipping Insurance Integration
              My T-shirt Collection is mostly MivaCon T-shirts!!

              Comment

              Working...
              X