Shopping cart, check out. I need a few minor changes

This topic has 4 replies, 2 voices, and was last updated 1 years ago ago by Rose Tyler

  • Avatar: Juergen
    Juergen
    Participant
    April 24, 2023 at 13:56

    Hello,

    I need your assistance again:

    1. when I add a product to the shopping cart from the store, this screen appears

    https://www.dropbox.com/s/8j3brmjr4a7885a/2023-04-24_12-43-23.png?dl=0

    Although I am already in the shopping cart, the button “Show shopping cart” appears. This makes no sense at all. How do I get rid of this button?

    2. with Loco I could translate everything, only the Shopping cart is still displayed in English despite the translation. How can I change Shopping cart to WARENKORB?

    https://www.dropbox.com/s/8j3brmjr4a7885a/2023-04-24_12-43-23.png?dl=0

    3. when I add a product to the cart, the € and EUR appears twice. Can you please remove the EUR here too?

    https://www.dropbox.com/s/6iwlt0z33v3ogex/2023-04-24_13-29-41.png?dl=0

    4. delivery costs I would like to display either bold or in a different font color. Could I have a CSS code for this?

    https://www.dropbox.com/s/6iwlt0z33v3ogex/2023-04-24_13-29-41.png?dl=0

    5. it is generally recommended that before paying the customer has the opportunity to change his order again.
    Could this still be implemented here?
    (as it is already displayed in the shopping cart).

    https://www.dropbox.com/s/09cdjwuh0z0by1r/2023-04-24_13-38-26.png?dl=0

    It would be good if the customer could increase or decrease his order at the “last second” without having to go back to the shopping cart.

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 24, 2023 at 15:05

    Hello, Juergen,

    Thank you for contacting us and for using XStore.

    1/ Theme options > Header Builder > Cart > View Cart Button > Off.

    2/ Loco translate > Plugins > XStore Core

    3/ Please check this code https://prnt.sc/yjngbOQYgkPJ to

    .woocommerce-checkout .cart-order-details .shop_table strong,
    .woocommerce-cart .cart-order-details .shop_table strong {
        font-size: 0px;
    }
    .woocommerce-checkout .cart-order-details .shop_table .order-total .amount,
    .woocommerce-cart .cart-order-details .shop_table .order-total .amount {
        font-size: 20px;
    }

    4/ Could you please provide a new more clear screenshot?

    5/ There is no such possibility, unfortunately.
    If you would like to pursue paid customization services, we recommend submitting a customization request to the WPKraken team.

    Kind Regards,
    8theme team

    Avatar: Juergen
    Juergen
    Participant
    April 25, 2023 at 09:04

    Hi Rose,

    again, you could help me. I still have some questions:

    Hi Rose,

    1. when I click on the “add to cart” button on a product from our store, a screen comes up on the right. Here I noticed that you can not change the quantity of the called item, because the button with the +/- button is not visible.

    But if I move the mouse directly under the called item, then the +/- button appears.

    I would like that in this view the +/- button is permanently visible and not on mouse over. How do I change this?

    Screenshot 1: Display without mouse-over

    https://www.dropbox.com/s/9ls2df0snly90su/2023-04-25_09-17-08.png?dl=0

    Screenshot 2: Display with mouse-over

    https://www.dropbox.com/s/8kgy9pbpgsnpc9a/2023-04-25_09-17-24.png?dl=0

    When I open the store, select a product and then click on the shopping cart button, this product appears on the right.
    If I select a second and third product, then that also appears on the right. If I want to add a fourth or fifth product to the shopping cart, it is no longer displayed on the right.

    As you can see on the screenshot, there are 5 products in the shopping cart, but only 3 are displayed on the right. How can I change this?

    3. can the color of the progress button be changed? If so, how do I do that?

    https://www.dropbox.com/s/ho0rm5eaufjykpr/2023-04-25_09-54-35.png?dl=0

    Please have a look at this screenshot:

    https://www.dropbox.com/s/4gbe50hrrmx12qs/2023-04-25_09-35-29.png?dl=0

    The progress bar is barely visible. Is it possible to change this?

    https://www.dropbox.com/s/fx6efi0zhs7tl9o/2023-04-25_09-43-36.png?dl=0

    Looking forward to your assistance

    Juergen

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 25, 2023 at 12:22

    Hello, Juergen,

    Thank you for your response.

    1/ Please try to use the next custom CSS code:

    .product_list_widget li:not(:hover) .quantity-wrapper {
        -webkit-transform: translateY(0px) !important;
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
        background-color: transparent !important;
    }
    .product_list_widget .quantity-wrapper .quantity > span, .product_list_widget .quantity-wrapper .quantity input[type="number"],
    .header-wrapper .et-off-canvas .cart_list.product_list_widget .quantity-wrapper span {
        background-color: white !important;
    }

    2/ Mini-Cart Products Amount can be changed via Header Builder > Cart.

    3/

    .et_b_header-cart .et-cart-progress .et_cart-progress-bar {
        margin-bottom: 30px;
    }
    .et_b_header-cart .et-cart-progress .et_cart-progress-bar::-webkit-progress-value {
        background-color: red !important;
    }

    We hope this information is helpful.

    Kind Regards,
    8theme team

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

You must be logged in to reply to this topic.Log in/Sign up

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