Return to previous page

Place the shopping cart buttons next to each other in the product overview.

This topic has 4 replies, 2 voices, and was last updated 1 years, 1 months ago ago by Tony Rodriguez

salmi

Participant

October 13, 2023 at 17:38

Hi, in product overview display the buttons “add to cart” next to each other. screen in private.

Please, contact administrator
for this information.

#370117 Copied Theme version: 1.0

3 Answers
Tony Rodriguez

Support staff

October 14, 2023 at 07:49
Hello, @salmi,

Thank you for reaching out to us and for utilizing our theme.

The problem you are encountering is due to the excessive content in the product price section. To standardize the height, we recommend using the CSS code provided below. Please copy and paste this code into the following path: Xstore >> Theme Options >> Theme Custom CSS >> Global CSS. Afterward, clear your browser cache and revisit your site to see the changes.

Here is the CSS code:
```
@media(max-width: 767px){
.content-product .price {
    height: 50px !important;
}
}
```
For your reference, here are the links to the images showing the appearance before and after applying the CSS code:

Before CSS: https://postimg.cc/jwgXLczX
After CSS: https://postimg.cc/nX6RYpwD

We hope this resolves your issue. If you have any further queries, please do not hesitate to contact us.

Best Regards,
8Theme’s Team
#370129 Copied
salmi

Participant

October 14, 2023 at 13:40

Hi, thanks for the code but unfortunately the rule does not always apply, besides it should also be displayed on desktop page straight, in private a link to a page where it is not displayed straight. Thanks

Please contact administrator
for this information.

#370151 Copied

Tony Rodriguez

Support staff

October 14, 2023 at 14:13

Hello, @salmi,

We appreciate your prompt response.

To resolve your issue, we kindly request you to disable the ‘Products Masonry’ option. You can find this option in the following path: XStore > Theme Options > WooCommerce > Shop > Shop page Layout. Once you have disabled it, please ensure to publish the changes.

For your convenience, we have provided a reference image: https://postimg.cc/LgTrFsyF

Subsequently, we recommend adding the CSS code from the following topic: https://www.8theme.com/topic/problem-with-products-layout-in-shop-page/#post-316130

We trust that these steps will rectify your problem.

Best Regards,
8Theme Team

#370156 Copied
Tagged: best selling, customize woocommerce, ecommerce optimization, product overview, shopping cart buttons, user friendly design, woocommerce themes
Viewing 4 results - 1 through 4 (of 4 total)