Hiding prices
Tips on hiding prices from the product grid and product form
When setting up your store, you may want to initially hide prices from displaying on your store. Here are a few tips on hiding the prices in common areas of the theme:
Video
The CSS code that was used in the video:
Where to add
Be sure to add this code snippet in the main Theme settings -> Custom CSS
![](https://broadcast.invisiblethemes.com/~gitbook/image?url=https%3A%2F%2F3819176770-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FIp5waPp5W4VYu8Cs112W%252Fuploads%252FAgbkjDV2IvU7U1Mlv6TW%252FCustom%2520css%2520hiding%2520prices.jpg%3Falt%3Dmedia%26token%3D77ef4161-6f9d-4cb2-a8c3-d377086e262f&width=768&dpr=4&quality=100&sign=7ed83a1b&sv=1)
Remember to remove that custom CSS code snippet when you want to show the prices again in the future.
Product pages
The price block can be toggled with the "eye" icon:
![](https://broadcast.invisiblethemes.com/~gitbook/image?url=https%3A%2F%2F3819176770-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FIp5waPp5W4VYu8Cs112W%252Fuploads%252FZF0m9mjyipO0tNwRgp21%252Fhiding%2520on%2520product%2520pages.jpg%3Falt%3Dmedia%26token%3D6c034bba-6bf5-4b9e-9141-c6d9c1ce914a&width=768&dpr=4&quality=100&sign=42f1de96&sv=1)
Last updated