[Resolved] Woocommerce Grid View

Home Forums Support [Resolved] Woocommerce Grid View

Home Forums Support Woocommerce Grid View

Viewing 12 posts - 16 through 27 (of 27 total)
  • Author
    Posts
  • #890884
    David
    Staff
    Customer Support

    So your only CSS ( the first rule that you shared ) that would effect those images needs to become this:

    .woocommerce ul.products li.product a img {
    	max-width:80%;
    	height: auto;
    }
    #890898
    Arnd

    Hi David,

    Thank you for looking into it.

    I have replaced the CSS but, unfortunately, it still does not show the products like it used to be in GPP 1.7.7.

    https://drive.google.com/open?id=1mMSM5s3H-ugcmePskZ5WgYNpuQIy-INh

    In portrait view it looks like this and you can move the page from one side to the other

    https://drive.google.com/open?id=1ozIbJoHk4kXahHFMj-ZEhPyzdlQ71BDM
    https://drive.google.com/open?id=1jxSodF7x5yiU7xBViAKDFTmw-StkeICv

    When removing the CSS that effects the images completely, it looks quite similar:

    https://drive.google.com/open?id=1o0Uv8jLVSG-uvRb1WHh3djUmpu_n_ch8
    https://drive.google.com/open?id=1FeXIOTcFvXE61SambbFN6zTsNdyWKEWV

    Cheers Andy

    #890914
    David
    Staff
    Customer Support

    Would you mind removing that CSS and testing this please:

    .wc-related-upsell-columns-4 .related ul.products, .wc-related-upsell-columns-4 .up-sells ul.products, .woocommerce .wc-columns-container.wc-columns-4 .products {
        grid-template-columns: repeat(4 , 25%) !important;
        grid-gap: 1.5% !important;
    }
    #890959
    Arnd

    Hi David,

    You are a star! This works greatly. Thank you very much.

    I have only just realised that I have the same issue on the single product page with the upsell products.

    https://drive.google.com/open?id=1NfbNgpnXQApXSsE4CZbT493-XNne1yDq

    Would there be a similar solution possible?

    Cheers Arnd

    #890969
    David
    Staff
    Customer Support

    Maybe this:

    .wc-columns-container.wc-columns-5 .products, .wc-related-upsell-columns-5 .related ul.products, .wc-related-upsell-columns-5 .up-sells ul.products {
        grid-template-columns: repeat(5 , 20%) !important;
        grid-gap: 5px !important;
    }
    #890984
    Arnd

    Perfect!

    Just a couple of things:

    – the submenus do drop out not naturally on the actual iPad. It is like clicking the top menu (and the site loads) and then click it again and only then the submenu drop down. I could do a workaround by using only ‘#’ instead of a real URL, but would prefer an actual url

    – second: can I send you a few bottles of German wine?

    Cheers Andy

    #891152
    Tom
    Lead Developer
    Lead Developer

    I believe that is a bug in the theme and the latest iOS version. We’re looking into a fix for 2.3.

    I’ll ping David about that wine! haha

    #891422
    Arnd

    That’s great and that’s great!
    Thanks a lot to you both

    #891630
    David
    Staff
    Customer Support

    Really glad to be of help. And thank you for the kind offer of wine 🙂
    If you wish to make a donation then Tom accepts tips for coffee:

    https://generatepress.com/ongoing-development/

    Or you may just want to leave us a nice review on WordPress.org

    #895671
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Sorry for the delay on the iPad issue! Was a tough one.

    I believe I have this fixed in GP 2.3: https://github.com/tomusborne/generatepress/commit/745c311a29570ccbed7dcdb454fabb37b3e72679

    It would be awesome if you could give it a test?

    If so, replace the contents of the wp-content/themes/generatepress/js/a11y.min.js file with this: https://raw.githubusercontent.com/tomusborne/generatepress/release/2.3/js/a11y.min.js

    Let me know if you need more info 🙂

    #895679
    Arnd

    Hi Tom,

    I do believe this was tough one! It is beyond what I can understand 🙂

    I had a quick test on iPad air and iPad Pro, both with the latest iOS. It works like a charm!

    You can test yourself on demo.<MyDomain>.eu/shop if you like. (It’s GPP 1.8.2) installed)

    Great job! Thank you very much.

    Cheers Andy

    #895685
    Tom
    Lead Developer
    Lead Developer

    Awesome! Thank you for confirming – I appreciate it 🙂

Viewing 12 posts - 16 through 27 (of 27 total)
  • You must be logged in to reply to this topic.