Shopsystem ShopPilot

ShopPilot => ShopPilot Enterprise => Thema gestartet von: dobra am Juli 13, 2015, 14:42:40

Titel: eigene Homescreen-Icons
Beitrag von: dobra am Juli 13, 2015, 14:42:40

Eigenen Touch Icon für Mobilgeräte erstellen ist genauso einfach, wie eigene Favicons einbinden  :)

1)  brauchen Sie 4 Icons im PNG-Format.
     Folgende Größen werden benötigt:
     57x57px, 72x72px, 114x114px und 144x144px
     Kann mit beliebigem Bildbearbeitungs-Software gemacht werden, oder einfacher ->
     EIN quadratisches Images im beliebigem Format (sollte aber mindestens 150x150px sein) z.B. hier erstellen lassen:
     http://manytools.org/http-html-text/apple-touch-icon-generator/

2) die 4 Images im icon-Ordner ablegen (bei anderem Ordner Script anpassen)
     und im Projekt "Dateien hinzufügen" eintragen

3)  im head diese Codezeilen einfügen

Code: [Auswählen]

<link rel="apple-touch-icon-precomposed" href="../icon/apple-touch-icon-iphone-60x60.png">
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="../icon/apple-touch-icon-ipad-76x76.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../icon/apple-touch-icon-iphone-retina-120x120.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../icon/apple-touch-icon-ipad-retina-152x152.png">
4) Shop veröffentlichen

Bei Android schaut das dann z.B. so aus

(https://www.woll-insel.at/Bilder/SP-Forum/TouchIcon.jpg)