Generátor ikonky pro AR zobrazovač

Vyberte ikonku, dolaďte barvu, velikost a průhlednost — generátor vám rovnou vypíše CSS, které stačí vložit do Shoptetu. Bez grafika a bez psaní kódu.

Nastavení

Výběr ikonky

Barva ikonky

Velikost ikonky

Průhlednost

Náhled na e-shopu

Ukázkový produkt — modrá čalouněná židle se zlatou konstrukcí

Zobrazit v AR

Vygenerované CSS

Zkopírujte a vložte v Shoptetu do Vzhled a obsah → Návrhář šablony → HTML editor → Zápatí <BODY>.

<style>
.ar-product-viewer-container .ar-product-viewer-button:before {
    content: '';
    display: inline-block;
    width: 38px;
    height: 38px;
    background-color: #000000;
    mask: url('https://cdn.myshoptet.com/usr/webotvurci.myshoptet.com/user/documents/plugin-ar-icons/augmented-reality-1.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask: url('https://cdn.myshoptet.com/usr/webotvurci.myshoptet.com/user/documents/plugin-ar-icons/augmented-reality-1.svg');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    opacity: 1;
}
</style>