Hide anonymous customer option

By default, inStore shows the option to continue as an anonymous customer in the New order page. If you want to hide this option, you can change its display by editing the checkout-instore-custom.css file. Check out the How to customize inStore guide for further information on how to access this file.

Edit the checkout-instore-custom.css file

To customize the display of the container with the Continue as anonymous button, you must declare the following IDs and properties in the checkout-instore-custom.css file.

In the UI display column below, you can see how the element you can hide is rendered in inStore’s UI. You can click on each image to enlarge it.

CSS ID selector name

Description

UI display

customer-anonymous-container

The ID selector you can use to style the Continue as anonymous button. This button enables you to place an order on inStore without identifying the customer.

continue-as-anonymouscontinue-as-anonymous

If you want to hide this element, you must use its ID selector and declare the display property with the value set as none in the checkout-instore-custom.css file, as exemplified below.

#customer-anonymous-container {
    display: none;
}

Did this page help you?