Poniżej znajdują się wszystkie ikony, których można użyć do wstawienia kodu, ale jeśli nie masz potrzebnej ikony, możesz zastąpić ją obrazem.


Przykład wstawienia ikony jako obrazka dla bloku strony głównej "FEATURES"

W ustawieniach potrzebnego elementu określ dowolną nieistniejącą ikonę. Na przykład "my-awesome-icon". W szablonie home.features.html znajdź linie:

{if !empty($f.icon)}
    <div class="features__item-icon">
        <svg class="icon"><use xlink:href="#{$f.icon}"></use></svg>
    </div>
{/if}

Zamień na:

{if !empty($f.icon)}
    {if $f.icon eq "my-awesome-icon"}
        <div class="features__item-icon">
            <img src="/path/to/image.png" class="icon" />
        </div>
    {else}
        <div class="features__item-icon">
            <svg class="icon"><use xlink:href="#{$f.icon}"></use></svg>
        </div>
    {/if}
{/if}

gdzie /path/to/image.png to ścieżka do obrazu, który można przesłać na przykład za pomocą Menedżera plików aplikacji "Witryna".


Gotowe ikony SVG do użycia w szablonie "inCart"

icon-key
icon-search
icon-lock
icon-bulb
icon-location
icon-mail
icon-like
icon-paperplane
icon-banknote
icon-data
icon-megaphone
icon-t-shirt
icon-fire
icon-clip
icon-calendar
icon-wallet
icon-truck
icon-at-sign
icon-award
icon-bar-chart
icon-bell
icon-camera
icon-credit-card
icon-headphones
icon-heart
icon-map-pin
icon-mic
icon-phone-call
icon-printer
icon-shield
icon-shopping-cart
icon-thumbs-up
icon-tv
icon-pencil2
icon-feed
icon-library
icon-file-text2
icon-qrcode
icon-map2
icon-alarm
icon-display
icon-laptop
icon-mobile
icon-gift
icon-accessibility
icon-eye
icon-eye-blocked
icon-smile
icon-info
icon-checkmark
icon-loop2
icon-infinite
icon-twitter
icon-telegram
icon-skype
icon-facebook
icon-vk
icon-youtube
icon-whatsapp
key search lock bulb location mail like paperplane banknote data megaphone t-shirt fire clip calendar wallet truck at-sign award bar-chart bell camera credit-card headphones heart map-pin mic phone-call printer shield shopping-cart thumbs-up tv pencil2 feed library file-text2 qrcode map2 alarm display laptop mobile gift accessibility eye eye-blocked smile info checkmark loop2 infinite twitter telegram skype facebook vk youtube whatsapp


Błąd w tekście? Zaznacz ją myszką i kliknij Ctrl + F1 lub kliknij na ten blok!