Themendokumentation

22 views 😃0

Größentabellen

dominicht

Sie können eine unbegrenzte Anzahl an Größentabellen auf Ihren Produktseiten anzeigen. Unterhalb des “Zum Einkaufswagen hinzufügen” Buttons wird ein Link angezeigt und Sie können jegliche Inhalte in das Größentabellen-Popup-Fenster eingeben.

  1. Um zu beginnen, legen Sie unter backoffice > Inhalt > Seiten eine neue Seite an. Dies wird die Seite für den Inhalt Ihrer Hauptgrößentabelle sein. Sie können dieser Seite jeden gewünschten Titel geben, aber Sie müssen sicherstellen, dass das URL Feld “size-guide” enthält. Sie können jeden beliebigen Inhalt hinzufügen und die Sichtbarkeit ausgeschaltet lassen (hidden), wenn Sie die Seiten nicht in den Footer-Links oder Menüs anzeigen lassen möchten.

    Wenn Sie das gleiche Beispiel wie im Demo verwenden möchten, kopieren Sie den folgenden Code und fügen ihn in den Code Editor Ihrer Seite ein.

    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
    <table style="border-collapse: collapse; width: 100%;" border="1">
    <thead>
    <tr>
    <td style="width: 25%;">Größe</td>
    <td style="width: 25%;">Hals</td>
    <td style="width: 25%;">Brustumfang</td>
    <td style="width: 25.2632%;">Armlänge</td>
    </tr>
    </thead>
    <tbody>
    <tr style="height: 18px;">
    <td style="width: 25%; height: 18px;">XS</td>
    <td style="width: 25%; height: 18px;">13.8-14.6"</td>
    <td style="width: 25%; height: 18px;">31.1-33.1"</td>
    <td style="width: 25.2632%; height: 18px;">31.1-32.3"</td>
    </tr>
    <tr style="height: 18px;">
    <td style="width: 25%; height: 18px;">S</td>
    <td style="width: 25%; height: 18px;">14.6-15.0"</td>
    <td style="width: 25%; height: 18px;">33.1-35.0"</td>
    <td style="width: 25.2632%; height: 18px;">32.3-33.1"</td>
    </tr>
    <tr style="height: 18px;">
    <td style="width: 25%; height: 18px;">M</td>
    <td style="width: 25%; height: 18px;">15.0-15.4"</td>
    <td style="width: 25%; height: 18px;">35.0-37.4"</td>
    <td style="width: 25.2632%; height: 18px;">L33.1-34.3"</td>
    </tr>
    <tr style="height: 18px;">
    <td style="width: 25%; height: 18px;">L</td>
    <td style="width: 25%; height: 18px;">16.1-16.5"</td>
    <td style="width: 25%; height: 18px;">37.8-39.8"</td>
    <td style="width: 25.2632%; height: 18px;">34.3-35.0"</td>
    </tr>
    <tr style="height: 18px;">
    <td style="width: 25%; height: 18px;">XL</td>
    <td style="width: 25%; height: 18px;">16.9-17.7"</td>
    <td style="width: 25%; height: 18px;">39.8-42.1"</td>
    <td style="width: 25.2632%; height: 18px;">35.0-36.6"</td>
    </tr>
    </tbody>
    </table>
    <p class="hint-text" style="font-size: 14px;">* Consectetur adipiscing elit, sed do eiusmod tempor</p>
  2. Gehen Sie zu den Theme Einstellungen im Abschnitt “9. Shop”, aktivieren das Größentabellen-Modul und wählen aus, wie Sie die Größentabellen anzeigen möchten:
    • Standard-Größentabelle bei allen ProduktenWenn Sie diese Option auswählen, wird die zuvor von Ihnen angelegte Haupt-Größentabelle standardmäßig für ALLE Produkte verwendet. Wenn Sie die Größentabelle für ein spezifisches Produkt deaktivieren möchten, geben Sie “none” in das Data 02 Feld des Produktes ein. Um das Data 01, Data 02 und Data 03 Feld zu aktivieren, gehen Sie bitte zu backoffice > Settings > Workflow und aktivieren die Option “custom template data”. Sobald diese aktiviert ist, wird ein neues Set von Feldern am Fuß Ihres Produktformulars hinzugefügt.
      Sie können die Haupt-Größentabelle auch durch eine andere ersetzen, indem Sie die Schritte im nachfolgenden Abschnitt befolgen.
    • Bei spezifischen ProduktenWählen Sie diese Option, wenn Sie die Haupt-Größentabelle nicht auf allen Seiten anzeigen möchten. Um eine Größentabelle auf einer bestimmten Produktseite anzuzeigen, fügen Sie die Seiten-URL der gewünschten Größentabelle (z.B.: “size-guide” oder “size-guide-pants”) in das Data 02 Feld auf der Produktseite ein. Wie Sie das Data 01, Data 02 und Data 03 Feld aktivieren, können Sie im vorhergehenden Schritt erfahren.

War dies hilfreich?