Equal Column Height Product - by Savages

This topic has 13 replies, 3 voices, and was last updated 3 years, 1 month ago ago by Olga Barlow

  • Avatar: Savages
    Savages
    Participant
    December 23, 2020 at 21:13

    Is there a way for Equal Column Heights using the Product category?

    Please, contact administrator
    for this information.
    12 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 24, 2020 at 09:00

    Hello,

    Please provide URL of the page.

    Regards

    Avatar: Savages
    Savages
    Participant
    December 28, 2020 at 20:41

    You have login has a landing page for it coming soon

    Please contact administrator
    for this information.
    Avatar: Savages
    Savages
    Participant
    December 28, 2020 at 20:45

    Anyway to edit the images on the shop page to as well to be full images instead of zooming in?

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 29, 2020 at 08:49

    Hello,

    1) Add the next code in Theme Options > Theme custom CSS. > Global custom CSS:

    .main-products-loop .product, .products-loop .product, .carousel-area .product-slide .product {
        display: flex;
        justify-content: center;
    }
    .products-loop .ajax-content, .products-loop {
        display: flex;
        flex-wrap: wrap;
        flex: 1;
    }
    .content-product {
        flex-direction: column;
        justify-content: space-between;
        display: flex;
        flex: 1;
    }
    .content-product .quantity-wrapper {
        margin-right: auto;
        margin-left: auto;
    }
    .swiper-container {
        display: flex;
        align-items: stretch;
    }
    .product-slide .product {
        display: flex;
        height: 100%;
    }
    .swiper-wrapper {
        height: auto;
    }

    2) Read this article – https://xstore.helpscoutdocs.com/article/89-product-images https://prnt.sc/wc2cl7

    Regards

    Avatar: Savages
    Savages
    Participant
    December 29, 2020 at 19:42

    Thanks the equal height thing didnt seem to work.

    Avatar: Savages
    Savages
    Participant
    December 29, 2020 at 23:36

    Also seems my logo keeps disappearing??

    Its set in the header theme for logo on all

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 30, 2020 at 10:52

    Hello,

    1) On which page it doesn’t work? Provide URL and screenshot.
    2) https://prnt.sc/wcvslj Reupload the logo image into your Media library so it comes from https , then re-select it in Theme Options > Header builder > Logo

    Regards

    Avatar: Savages
    Savages
    Participant
    December 30, 2020 at 20:45

    1. https://ibb.co/yfz46nV
    1. Homepage

    2. Thanks ill give it a try

    Avatar: Savages
    Savages
    Participant
    December 30, 2020 at 22:37
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 31, 2020 at 11:21

    Hello,

    1) It is recommended to use a graphics editor and prepare product images (make them the same size) before uploading images to your media gallery.
    3) I can’t open the link. Please provide a screenshot.

    Regards

    Avatar: Savages
    Savages
    Participant
    January 4, 2021 at 21:58

    1. If its equal height it shouldnt matter what the image size is because it should make it as tall as the width of what ever image. So even image is shorter it would still be equal height.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 5, 2021 at 18:53

    Hello,

    If you don’t want to edit images before uploading them to your media but want to get the equal height then use the crop option for the images (Customizer > WooCommerce > Product images > use the crop option). There is no other option in WooCommerce settings to make images the same height.

    What about search bar screenshot?

    Regards

  • Viewing 13 results - 1 through 13 (of 13 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.