Return to previous page

Add to cart button in off-canvas below cross sell

This topic has 5 replies, 2 voices, and was last updated 4 months, 3 weeks ago ago by Maciej Majchrzak

Maciej Majchrzak

Participant

December 5, 2023 at 02:38

Hello, me again.

Two questions this time.

1. How can I add “add to cart” button right below cross sell items in off-canvas cart? https://ibb.co/VS3yPrR

2. Why is there so much space between order details and cross sell products below on the cart/checkout page? Any quick code to get rid of that? https://ibb.co/tqDbvnV

#375672 Copied Theme version: 9.2.5 WooCommerce version: 8.3.1

4 Answers

Tony Rodriguez

Support staff

December 5, 2023 at 09:39

Hello, @Maciej Majchrzak,

I hope this message finds you well.

1) Availability of ‘Add to Cart’ Button for Cross-Sell Products in Mini-Cart

Upon careful examination of the issue you have brought to our attention, we must convey our regret that the current version of the XStore theme does not incorporate the feature you have requested. We recognize the inconvenience this may cause and extend our sincerest apologies for any disruption to your workflow.

2) Optimization of Layout Spacing Between Order Details and Cross-Sell Products on Cart/Checkout Page

In order to address the issue of excessive spacing on your cart/checkout page, we would appreciate the opportunity to examine the matter more closely. We kindly request that you grant us temporary administrative access to your website’s wp-admin area.

You may provide us with the necessary access by creating a new user account with administrative privileges through your WordPress Dashboard. Please submit the newly created username and password through our secure Private Content section.

We are committed to resolving these matters to your satisfaction and thank you for your cooperation.

Yours sincerely,
The 8Themes Team

#375702 Copied

Maciej Majchrzak

Participant

December 5, 2023 at 22:14

Hi. Access data in private.

Please contact administrator
for this information.

#375822 Copied
Tony Rodriguez

Support staff

December 6, 2023 at 09:39
Hello, @Maciej Majchrzak,

We hope this message finds you well. We understand that you wish to adjust the margin of the cross-sell products on your cart page. To assist you with this, we have outlined two methods below:

**Method 1: Using XStore Builder**

Please follow these steps to adjust the margin using the XStore Builder:

1. Access the WordPress dashboard.
2. Navigate to the XStore Builder and select the ‘Cart Page’.
3. Locate and use the “Products” widget.
4. In the ‘Content’ section, define the desired number of columns and rows.
5. In the ‘Query’ section, choose ‘cross-sell products’ as the source of the products you wish to display.
6. Finally, under ‘Advanced’ >> ‘Layout’, input the top margin value as per your requirements.

For a comprehensive visual guide, kindly refer to the images provided at the following links:
– [Visual Guide 1](https://imgur.com/a/7PBIQVQ)
– [Visual Guide 2](https://imgur.com/a/nwy0ttu)
– [Visual Guide 3](https://imgur.com/a/exOCAhA)

**Method 2: Adjusting Cross-Sell Products Margin via CSS**

To adjust the margin through CSS, please proceed as follows:

1. Go to XStore >> Theme Options >> Theme Custom CSS >> Global CSS within your dashboard.
2. Copy and paste the CSS code below into the appropriate field:
```
@media(min-width: 992px){
    .woocommerce-cart .elementor-widget-woocommerce-products {
        margin-top: -100px !important;
    }
}
```
For further visual assistance, please view the image at the following link:
– [Visual Guide 4](https://imgur.com/a/7tSO9cc)

Please note that you can customize the margin to your preference.

Should you have any further inquiries or require additional assistance, please do not hesitate to contact us. We are here to help.

Yours sincerely,
The 8Themes Team
#375853 Copied
Maciej Majchrzak

Participant

December 7, 2023 at 00:55

Thanks!

#375975 Copied
Tagged: add to cart button, cross-sell, ecommerce, off canvas, online shopping, woocommerce themes, wordpress
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Add to cart button in off-canvas below cross sell’' has been successfully resolved, and the topic is now closed for further responses

Add to cart button in off-canvas below cross sell

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection