How to keep products in shop and main page inline

This topic has 7 replies, 3 voices, and was last updated 2 years, 10 months ago ago by Rose Tyler

  • Avatar: Kevin
    Kevin
    Participant
    March 31, 2021 at 12:14

    How to keep products in shop and main page inline.. The products are a bit all over the places depending on the length of the name of the products.

    6 Answers
    Avatar: Kevin
    Kevin
    Participant
    March 31, 2021 at 12:15

    Screenshot of products

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 31, 2021 at 12:54

    Hello,

    Add the next code in Theme Options > Theme 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;
    }

    To remove that border, delete this code – https://prnt.sc/110q5ij from Theme custom CSS.

    Regards

    Avatar: Kevin
    Kevin
    Participant
    March 31, 2021 at 14:32

    Thanks a million! You are truly amazing… thanks a lot.

    By the way, is there a possibility to have ADD TO CART button on a product, then only shows the quantity option after that product has been added to cart. ADD to CART - QUANTITY

    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 31, 2021 at 20:40

    Hello Kevin

    Can you please explain your question a little more as we see in your website Quantity box is working fine on homepage and product single page.

    Robert Hall
    Customer Support.

    Avatar: Kevin
    Kevin
    Participant
    April 6, 2021 at 23:53

    Hi Robert, sorry as I thought I would have gotten email notification of your replies so I thought someone would have forgotten me.

    What I meant was something like below:

    1. ADD TO CART button .. once the customer adds that product into the basket once
    2. The ADD TO CART button now changes to “- quantity +” button.

    As currently we can set allow quantities but then it always shows quantitates option by default and on the mobile (small screen) sometimes trying to tap on + or – signs it goes to the input text box instead and ask the user to input the quantity in

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 7, 2021 at 08:23

    Hello,

    There is no such functionality, right now.
    Please submit a request here – https://www.8theme.com/taskboard/

    Regards

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