Change design when cart page is empty

Support
#1

Hello,

how to change the design or anything when the cart page is empty in Cornerstone? Content element for cart display don’t have any options.

Best regards,

Ofir

#2

Hello Ofir,

Thanks for writing to us.

You need to go to the element —>customize —>Conditions —>set the conditions type as Number and insert the condition if the cart item is not equal to zero. It means the element will be shown only when you have cart items more than 0.

{{ woocommerce.cart_items_raw }} != 0

About-The-Tests-Page-Cornerstone-10-10-2024_07_57_PM
About-The-Tests-Page-Cornerstone-10-10-2024_07_57_PM1186×920 77.8 KB

In case you have not seen the conditions and assignment doc please have a look at it.

Hope it helps
Thanks

#3

Hello,

this will work but when I empty cart, another condition to show my elements don’t kick in, only after refresh. Is it possible to do something about that?

Best regards,

Ofir

#4

Hey Ofir,

Regretfully at this moment we do not have a function, feature or another condition that gets trigger when emptying the cart. The cart page at of this moment needs to be refresh. You may need a custom JS code that will detect the cart and immediately refresh the page when it is empty.

Best Regards.

#5

Hello,

another question. As Woo is now on block style, I tried to create empty cart component and call it with shortcode on cart page. But when I do that, there is an error:

Unexpected error in: woocommerce/empty-cart-block

Minified React error #60; visit https://reactjs.org/docs/error-decoder.html?invariant=60 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

Any advice on this? Is this even possible?

Best regards,

Ofir

#6

Hi Ofir,

It will be very difficult to understand the issue you are having, without investigating it through the WordPress admin dashboard. I would suggest you please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password
– Specific layout where you have added this component.

To create a secure note, click the key icon underneath any of your posts.

secure-note
secure-note1040×250 15.3 KB

Thanks

#7

Hello,

data is in secure note.

#8

Hey Ofir,

I could not find the shortcode in your component:

Screenshot 2024-10-17 at 10.05.41 AM
Screenshot 2024-10-17 at 10.05.41 AM642×1370 73.3 KB

Please clarify. Thanks.

#9

Hello,

I exported that component with a shortcode and put it in the block editor of the cart page when you change the view to an empty basket.

Best regards,

Ofir

#10

Hello Ofir,

Where did you edited and inserted the Component shortcode? I am confused because I cannot find it.

  • See the secure note.

Thanks.

#11

Hello,

when you edit the page in the block editor, click on the products element and there will be an option to change to an empty cart.

Screenshot 2024-10-18 at 08-41-25 Uredi stranicu “Košarica” ‹ IGL Coatings — WordPress
Screenshot 2024-10-18 at 08-41-25 Uredi stranicu “Košarica” ‹ IGL Coatings — WordPress1710×822 110 KB

Best regards,

Ofir

#12

Hello Ofir,

When I edit the page via the WP Editor, I could not replicate the screenshot.

  • See the link in the secure note below.

Could you please provide us a video screencast so we will have an idea of how it looks like on your browser?

Thanks.

#13

Hello,

its added in secure note.

Best regards

Ofir