Beginnen Sie mit einem Basisthema, auch wenn sie von Grund auf neu sagen, ein Basisthema gibt Ihnen die meisten Seiten bereits codiert und Sie können darüber hinaus bauen.
können Sie mit dem Thema beginnen, die mit jedem Shopify Laden kommt oder das Skelett Thema verwenden https://github.com/Shopify/skeleton-theme
Sobald Sie das Thema installieren (auch wenn es keine Abschnitte im Skelett Thema implementiert ist) bei Ihnen die Modifizierung beginnen wichtige Vorlagen:
- index.liquid
- collection.liquid
- product.liquid
- cart.liquid
Die oben genannten Vorlagen page.liquid die wichtigsten sind
Wenn dies Ihr erstes Shopify Thema (wenn Sie Kontoregistrierung als das Konto haben Vorlagen werden auch wichtig sein) Geh nicht zu verrückt mit den Themeneinstellungen, bleibe nur bei den wichtigen Bits. Zum Beispiel muss der Benutzer nicht ändern, wie viele Produkte auf der Sammlungsseite oder wie viele in derselben Zeile angezeigt werden. Sie können viele Elemente fest codieren, und wenn der Client danach noch etwas ändern möchte, können Sie eine Option im Bereich für die Designeinstellungen erstellen.
Gute Ressourcen in suchen sind:
Und nicht einen Rahmen wie Holz verwenden, werden Sie kompliziert und selbst in den Code verlieren.
Codieren Sie die Website als einfachen HTML-Code und konvertieren Sie sie in ein Shopify-Theme.
Zum Beispiel wird die Shop-Seite in HTML sein:
<div class="products">
<div class="product">
....
</div>
<div class="product">
....
</div>
<div class="product">
....
</div>
</div>
Wenn Sie es zu einer flüssigen Logik umwandeln wird es worden:
<div class="products">
{% for product in collection.products %}
<div class="product">
....
</div>
{% endfor %}
</div>
Also meine Empfehlung ist, mit dem HTML zu starten Phase, erhalten Sie eine Genehmigung und fahren Sie dann mit der Shopify-Integration fort. Sie können das Skeleton-Theme als Referenz oder das Launch-Theme verwenden, das mit jeder Shopify-Site geliefert wird.
Wenn Sie eine komplexe Homepage mit Schiebereglern und mehr als 1 Abschnitt haben, empfehle ich Ihnen, in Abschnitte (https://www.shopify.com/partners/blog/introducing-sections-for-shopify-themes) zu schauen. Es wird viel einfacher sein, anstatt mehrere Felder für jede Folie in der Themeneinstellung zu spammen .
Ich hoffe, dass diese Informationen für Sie von Nutzen sein werden.
plus eins auf dem Spickzettel. – HymnZ
DANKE! Leider bin ich mit Timber zu weit gegangen und habe keine Zeit mehr von vorne anzufangen. Nächstes Mal... –