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 1 years, 2 months ago ago by Maciej Majchrzak

  • Avatar: 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
    Avatar: Tony Rodriguez
    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
    Avatar: Maciej Majchrzak
    Maciej Majchrzak
    Participant
    December 5, 2023 at 22:14

    Hi. Access data in private.

    Please contact administrator
    for this information.
    #375822 Copied
    Avatar: Tony Rodriguez
    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
    Avatar: Maciej Majchrzak
    Maciej Majchrzak
    Participant
    December 7, 2023 at 00:55

    Thanks!

    #375975 Copied

  • Tagged: , , , , , ,

  • 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

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Concert Store – WordPress WooCommerce Theme
lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template
lazy-placeholder
Phone Service – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.