Removing the "Continue Shopping" button

Last updated

Sometimes you need to hide the Continue Shopping button. If you want to hide it, add the following CSS codes to your active CSS theme in your Ecwid Control Panel → Design. Scroll down to the Customize the Look of Your Store section and click Create theme button. Please remember to activate the theme and save the changes after the codes are added.

In this article:

The product page

 To remove the big Continue Shopping button which appears when you add a product to cart on the product page, apply this CSS code:

.ecwid-productBrowser-ProductPage .ecwid-btn--continueShopping {
  display: none;
}

The cart page

.ecwid-productBrowser-cart .ecwid-btn--continueShopping {
  display: none;
}
.ecwid-productBrowser-cart-emptyCartPanel .ecwid-btn--continueShopping {
   display: inline-block;
}

The empty cart page

.ecwid-productBrowser-cart-emptyCartPanel .ecwid-btn--continueShopping {
  display: none;
}

The Your Account page

.ecwid-Account-content .ecwid-btn--continueShopping {
  display: none;
}

The "Thank you for your order" page

.ecwid-Invoice-buttons-panel .ecwid-btn--continueShopping {
  display: none;
}

Remove this button from all pages

.ecwid .ecwid-btn--continueShopping {
  display: none;
}
Back to top
Has the article answered your question?

Awesome! Thanks for your feedback!

Please send us that question. We will be happy to help by email.

Send a message