Change Empty Shopping Cart Text

@TeddyMc

Quote

Header Title: Your Cart 

Please see the following.

I believe the other changes you want to make are already covered by paul2009 and me in previous posts in this thread.

Let us know how it goes.

Hello! I added this to the Custom CSS, but now I don't have the Continue shopping as a link to the shop. Would you be able to help me with that, please, so that it looks like this: 'Your shopping cart is empty. Continue shopping here.' where the continue shopping is a link? Thank you so much in advance!

Here is a link to the page if it helps!

https://www.theempoweredwomanrises.com/cart

On 9/24/2021 at 7:27 AM, paul2009 said:

Add the following Custom CSS:

.empty-message {
   visibility: hidden;
}
.empty-message:before {
   visibility: visible;
   content: "Your custom empty cart message";
}

Note that you'll need to save the CSS and then refresh the page to see the changes.

  If this post has helped you, please click an icon below  ⬇️

@PreetiPugatch

Please see the following.

Let us know how it goes.

On 11/1/2021 at 2:16 PM, creedon said:

@TeddyMc

Please see the following.

I believe the other changes you want to make are already covered by paul2009 and me in previous posts in this thread.

Let us know how it goes.

Thank you so much! That really helped! Can I trouble you for another question - is there a way to edit the 'Continue Shopping' text to say 'Add products from the Courses & Merchandise page.' where I can link the url for the underlined part? Thank you so much in advance!

Here's what I have so far:

/*

  begin change cart empty message
  
  Version     : 1.0
  
  SS Versions : 7.0, 7.1
  
  By          : Thomas Creedon < http://www.tomsWeb.consulting/ >
  
  */
  
  #cart {
  
    --empty-message : 'Your shopping cart is empty.';
    
    }
    
  /* do not change anything below, there be the borg here */
  
  .empty-message > span {
  
    display : none;
    
    }
    
  .empty-message::before {
  
    content : var( --empty-message );
    
    }
    
  /* end change cart empty message */

#cart [data-test="continue-shopping-link"] span {

  text-decoration: underline;
  
  }

1 hour ago, PreetiPugatch said:

is there a way to edit the 'Continue Shopping' text to say 'Add products from the Courses & Merchandise page.' where I can link the url for the underlined part?

Please see the following.

Let us know how it goes.