Product page - by apotik - on WordPress WooCommerce support

This topic has 4 replies, 3 voices, and was last updated 4 years, 5 months ago ago by Olga Barlow

  • Avatar: apotik
    apotik
    Participant
    November 3, 2019 at 21:48

    Hello,

    1-why are my products not aligned?
    2-Can I display two products per line on pc and one product per line on mobile? via the css for example or another way

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: John Holden
    John Holden
    Support staff
    November 4, 2019 at 04:50

    Hi,

    1. Because of the different of image sizes http://prntscr.com/ps2u8p -> http://prntscr.com/ps2ubr. You should use same size for all images, or try this plugin:

    2. Add below code to Theme Options -> Additional CSS

    @media only screen and (max-width: 480px){
    .products-grid .product {
        width: 100%;
    }
    }

    Regards,
    Hung PD

    Avatar: apotik
    apotik
    Participant
    November 4, 2019 at 09:07

    which plugin please

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 4, 2019 at 13:37

    Hello,

    To manage the size of the product images go to Appearance > Customize > WooCommerce > Product Images > use crop option to get all the images with the same size. But we would recommend you to upload images with the same proportion for all the products instead of cropping, then grid looks much better.

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.