[resolved] Product listing issues (2 posts)

  1. Astroabel
    Posted 1 year ago #

    Hi, guys!

    I set up Jigoshop and wrapped correctly into my theme (Cluster). I made Jigoshop catalog page looks like Portfolio page of my running theme. Everything is OK. I start to custom the CSS (in a child theme) and set products per row to 3 and I want every Jigoshop feature to get responsiveness. everything is fine but product listing.

    When I resize the window I set up products per row to change into 2 instead of 3, and the grid now breaks up because of first and last classes of first and third product. Now my second row has only 1 product and aligned to right (because it's still working with "last" class).

    Is there any way to solve this issue to make responsiveness come true? I mean, when I resize the window following my custom media queries I'd like to get the grid perfectly fitted to 3 (up to 1000px wide), 2 (up to 640 px wide) and 1 (up to 480 px wide) products per row.

    I don't know if I got explained… I enclose a link to images:

    3 products (OK): https://www.dropbox.com/s/lmnj0fescllkrqx/3products.png
    2 products (BREAKS UP): https://www.dropbox.com/s/zajjzdyy35sqlyc/2products.png

    By the way, I can't write the URL because I'm working locally with MAMP…

    Thanks for your help.

    Greetings from Spain!


  2. Jigoshop Support - Marcin
    Posted 1 year ago #

    Hi @Astroabel,
    thanks for using Jigoshop.
    There is no way to make .first, .last adjusting to screen size without additional bits of js.

    please either contact us via support@jigoshop.com if you'd like a quote for such customisation on our end or - if you know css - try different approach:

    - remove/override .first, .last rules
    - float all .li left or display inline-block
    - add extra margin fixes if needed

    than they should fill in whole content without any extra changes.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Jigoshop
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic