Return to previous page

Customizing order of items in side/popout cart

This topic has 6 replies, 3 voices, and was last updated 2 years, 11 months ago ago by Olga Barlow

IvanMTK

Participant

December 9, 2021 at 07:07

Hello, we would like to re-order the items/sections displayed in the mini side cart that is displayed upon clicking on the cart from the main menu. It doesn’t seem like there is an easy way to do it from theme settings so we were wondering if you could point us in the right direction to where we would be able to make that modification, whether through modifying some of the theme template files in the child theme or via the theme customizer.

Please, contact administrator
for this information.

#311351 Copied Theme version: 8.0.10

5 Answers

Rose Tyler

Support staff

December 9, 2021 at 08:50

Hello,

Custom CSS can be used, describe the desired result in more detail, please.

Regards

#311366 Copied

IvanMTK

Participant

December 14, 2021 at 01:51

I’ve gone ahead and attached a link (private content area) to screenshot showing the order we would like to have the sections of side cart.

Please contact administrator
for this information.

#311788 Copied
Olga Barlow

Support staff

December 14, 2021 at 18:29
Hello,

You can use below code to align mini-cart title and icon
```
.et_b_header-cart .et-mini-content-head .et-element-label {
    color:  #222222;
    font-size: calc(var(--content-zoom) * var(--head-label-proportion));
    font-family: Roboto;
}
.et_b_header-cart .et-mini-content-head .et_b-icon svg {
    fill: #222222;
}
.et_b_header-cart .et-mini-content-head .et_b-icon {
    width: auto;
    font-size: 18px;
}
.et_b_header-cart .et-mini-content-head>a {
    justify-content: start;
}
.et_b_header-cart .et-mini-content-head {
    border-bottom: 1px solid #e1e1e1;
}
```
There is no option to move cross-sells below the buttons. You can only disable theme in the cart settings.

Regards
#311882 Copied
IvanMTK

Participant

December 15, 2021 at 06:18

I’ve added the CSS you provided but it still doesn’t reflect the order I’ve attached in the screenshot above. We need to re-arrange the sections in the side cart in order to reflect the design in the screenshot I attached. Could you point me to how I can achieve that?

#311934 Copied

Olga Barlow

Support staff

December 15, 2021 at 17:01

Hello,

Do you mean to show the cross-sell products below the progress bar?
It’s not possible to implement using custom CSS.
It requires PHP customization. You can submit PHP customization request here.

Regards

#312041 Copied
Tagged: customize, order, popout cart, side cart, themes, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Customizing order of items in side/popout cart’' has been successfully resolved, and the topic is now closed for further responses

Customizing order of items in side/popout cart

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection