Return to previous page

How to keep products in shop and main page inline

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

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.

#281913 Copied Theme version: 7.2.6

6 Answers

Kevin

Participant

March 31, 2021 at 12:15

#281914 Copied
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
#281921 Copied
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.

#281934 Copied

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.

#281999 Copied

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

#282903 Copied

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

#282931 Copied
Viewing 7 results - 1 through 7 (of 7 total)