Return to previous page

Couple of queries regards the cart / checkout layout using Multistep

This topic has 8 replies, 2 voices, and was last updated 1 years, 1 months ago ago by Niddy

Niddy

Participant

March 15, 2023 at 16:09

Hi

Just need to ask a couple of questions regards the layout of Multistep cart / checkout from within theme options -> woo -> Basket/Checkout layout.

Please see private area due to the fact the site is shown.

Thanks for any help.

Please, contact administrator
for this information.

#350135 Copied Theme version: 8.2.1

7 Answers
Rose Tyler

Support staff

March 16, 2023 at 08:11
Hello, Niddy,

“The checkout page is correct and I just want to know how I can make the cart page the same please?” – it is a good idea to have it not just for you but make us implement it globally !
P.S. we already uploaded such improves on your website -> https://prnt.sc/wwhAvxuv7mGM
“how I hide this please” – You may add next tweak snippet to you child-theme/functions.php
```
// return no cross-sell ids to hide the cross-sell products on cart/checkout pages 
add_filter('woocommerce_cart_crosssell_ids', function() {
    return [];
});
```
otherwise, you may make more changes but for that case, you should copy xstore/woocommerce/cart/cart.php to xstore-child/woocommerce/cart/cart.php and make your changes (adding some content blocks, removing some content)
“And is it possible for me to add a custom static block somewhere” – – for this case you may add next code snippet
```
add_action('woocommerce_after_cart', function() {
    echo do_shortcode('[block id="5148"]');
});
```
https://prnt.sc/CNsqWx8Z9AUd
or if it is not good placement for your need then you should copy xstore/woocommerce/cart/cart.php to xstore-child/woocommerce/cart/cart.php and make your changes (adding some content blocks, remove some content)
“So could you please clarify the css to target both the cart / checkout page if I wanted to style the css class “#shipping_method label” please?” – you may just use #shipping_method label in your CSS

We hope this information is helpful.

Kind Regards,
8theme team
#350187 Copied
Niddy

Participant

March 16, 2023 at 11:13

Hiya

Wow – what a thorough response. Thank you.

One query though, I want to style the shipping method differently on cart to checkout. So ideally I wanted the css to specifically target the cart and the checkout page as it’s the same class on both.

Thanks again. You guys are the best 👍

#350212 Copied

Rose Tyler

Support staff

March 16, 2023 at 11:55

Hello, Niddy,

You’re welcome!

For code on the Cart page use .woocommerce-cart
and for the Checkout .woocommerce-checkout

Kind Regards,
8theme team

Please contact administrator
for this information.

#350220 Copied

Niddy

Participant

March 16, 2023 at 12:18

Please remove images as it shows a real address.

Thanks!!

#350227 Copied

Niddy

Participant

March 16, 2023 at 13:09

@rose-tyler

#350233 Copied

Rose Tyler

Support staff

March 16, 2023 at 14:07

Hello, Niddy,

Sorry. I’ve moved the screenshot to the Private Content area.

Kind Regards,
8theme team

#350250 Copied

Niddy

Participant

March 16, 2023 at 15:32

Thanks – again, really appreciate all your help – works a treat 🙂

You guys rock!

#350261 Copied
Tagged: cart, checkout, layout, multistep, persuasive, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Couple of queries regards the cart / checkout layout using Multistep’' has been successfully resolved, and the topic is now closed for further responses

Couple of queries regards the cart / checkout layout using Multistep

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection