Shopping card page edit - by Daniel Partadzhiev

This topic has 7 replies, 3 voices, and was last updated 4 years, 7 months ago ago by Daniel Partadzhiev

  • Avatar: Daniel Partadzhiev
    Daniel Partadzhiev
    Participant
    May 14, 2021 at 09:05

    Hello,

    I am trying to make some edits on the shopping cart page of my store, like removing the right section with delivery options and make the left section full width. I can’t find anything about this in the Xstore theme configurator neither in WPbakery. Can you please assist?

    Best regards,
    N. Aleksandrov

    Please, contact administrator
    for this information.
    6 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 14, 2021 at 10:20

    Hello,

    Cart is the default WC page, all available settings you can find in WooCommerce > Settings.
    Also, you can use custom CSS code, for example:

    .woocommerce-cart .col-md-5.cart-order-details,
    .woocommerce-cart .col-md-7 {
        width: 100%;
    }

    https://gyazo.com/56fa1685013e3c2dfc8c8b0f77411d4f

    Regards

    Avatar: Daniel Partadzhiev
    Daniel Partadzhiev
    Participant
    May 14, 2021 at 11:48

    Please check the image below what I want to achieve. Unfortunately, when I edit with CSS, the checkout page changes as well. Can we edit only the shopping cart page without the checkout page?

    https://ibb.co/FYqhPRd

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    May 14, 2021 at 14:46

    Hello,

    Do you mean that you want to completely remove cart order details on the cart page?
    Then use the below code

    .woocommerce-cart .col-md-5.cart-order-details, .woocommerce-cart .woocommerce .col-md-7 {
        width: 100%;
    }
    .woocommerce-cart .cart-order-details {
        display: none;
    }

    But how do you proceed to checkout if the order form removed?

    Regards

    Avatar: Daniel Partadzhiev
    Daniel Partadzhiev
    Participant
    May 14, 2021 at 18:12

    Actually, this is very close to what I want to achieve. I placed your code and the checkout page does not change, only the shopping cart, which is great! Although, my worries are how can I add the button “КЪМ ЗАВЪРШВАНЕ”, which leads to checkout page and the shopping cart total value? Is it possible to do this with CSS? Thank you for your support! Image attached for better representation of what I mean.

    https://ibb.co/smwtmcq

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 15, 2021 at 13:46

    Hello,

    It can’t be done using custom CSS only. It requests additional customization in files, which is not included in our basic support. If you have appropriate skills – edit cart.php (wp-content/themes/xstore/woocommerce/cart) via child theme. Or order additional customization service (WPKraken team).

    Regards

    Avatar: Daniel Partadzhiev
    Daniel Partadzhiev
    Participant
    May 17, 2021 at 07:07

    Hello,

    Thank you for your support. I edited the cart.php and everything looks like I want now.

    Best regards,
    N. Aleksandrov

  • Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Shopping card page edit’' has been successfully resolved, and the topic is now closed for further responses

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