Nvzn Easy ARt Virtual Previews
Theme integration
Integration with your theme is easy and flexible using our ARt Button App Block in the Shopify Theme Editor
-
Follow links to Theme Integration.
-
Make sure you're on a Product Detail page template.
-
In the Theme Editor, click the Add block button in the left panel to add the app's AR button to your page.
-
In the block selection panel, under Apps, select the ARt Button block.
-
Drag the block to the desired position on the page. We recommend right under the Variant Picker.
-
Access the customisation settings by selecting the button, where you can style it to match your store design, including button type, icon, label, font, colours, and corner radius.
Using the ARt Button controls, you can customize the following aspects:
​
-
Button Type
-
Type - ​choose between having an Icon and Text Label, an Icon only, or an Text Label only
-
-
Button Icon
-
Icon - choose from a selection of icons
-
Size - adjust the size of the icon
-
-
Button Label
-
Label - choose from a selection of labels​
-
Capitalization - choose from "Sentence case" (only the first letter of the label is capitalised), "Title Case" (first letter of each word is capitalised), or "UPPERCASE" (all letters are capitalised)
-
Color - change the color of the font
-
Font - change the typeface of the font
-
-
Button Appearance​
-
Background color - change the color of the button​
-
Border color - change the color of the border surrounding the button
-
Border width - change the width of the border around the button
-
Border radius - change the corner curve of the buttons; 0 will give you square corners, higher value will give more rounded corners
-
Once you're happy with the changes, make sure to hit the Save button in the Theme Editor to ensure they're applied.
​
If you need even greater control over the design of the ARt Button, you can use Custom CSS to further adjust its appearance.
© 2025 Nvzn Augmented Reality Corp.