Configure color of app widget
🔗 Configure color of text and button
This setting allows you configure of text, button and notification message that describe the Locks on the front store.
Steps to manage
1. Open the app > click Settings
2. In the Color Settings dropdown, select one of app config you want. They are Placeholder resources, Price & Add to cart, Notification with passcode, Input passcode, Notifications with message
3. Click color buttons on the left to change the color of text and buttons and view the result on the preview section on the right
4. Click Save
Check the result on the front store
🔗 How does Lock notifications display on the front store?
After config the Lock access in the app, you want to check the result on the front store?
Please view this article to know more how the Lock notification show up on your site.
There are 5 configurations. They are Placeholder resources, Price & Add to cart, Notification with passcode, Input passcode, Notifications with message
Placeholder Resources
On the collection page, the default lock icon shows up at the position of the product, below is the Message that notify about the hidden product.
The Lock content is usually Hide products on all pages.
Price & Add to cart
If you select setting to hide add to cart and product price for non-logged in customers, there will be Login to see price link/button on the front store that directs non-logged in customers to the login page.
Notifications with passcode
On the front store, the page or product price is hidden and customers only can view the page if they enter the passcode.
The widget will include one lock icon, the passcode box and the message.
For example:
Enter the passcode to view the page
Input passcode
The widget will include the passcode box and the message.
For example:
Enter the passcode to view product price
Notifications with message
The widget will include a Lock icon, placeholder, notifications message, and a Back button that directs customers to the previous page.
Need support?
If you do encounter any difficulty while proceeding these steps, don’t show any hesitation to contact us promptly via the email address [email protected]
Last updated
Was this helpful?