Support » Plugin: Jigoshop » Product listing issues

  • Resolved Astroabel


    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):
    2 products (BREAKS UP):

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

    Thanks for your help.

    Greetings from Spain!

Viewing 1 replies (of 1 total)
  • 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 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.

Viewing 1 replies (of 1 total)
  • The topic ‘Product listing issues’ is closed to new replies.