Make working with the Augmented Reality for Products add-on nicer and build an icon that matches your style exactly. The new AR CSS icon generator lets you set the color, size and transparency of the icon that then appears on the product page next to the product name.
That way you can fine-tune the look of the add-on so it fits the design of your online store – whether you use a minimalist black and white palette or vivid brand colors. After a few clicks the generator produces the complete CSS code. You just paste it into Shoptet and the icon is done.
The preview shows you right away how the icon behaves in practice – including the "View in AR" text and a sample product with the button. So you can quickly test different variants and find the one that fits your presentation best.
Forget manual code edits – the generator does everything for you. You just pick an icon, adjust the look and copy the code. Simple, fast, visual. Just the way we like it.
Launch the generator
Open the icon generator — pick an icon, set the color, size and transparency, and copy the finished CSS.