Dawn Theme - Featured Collection - Preise ausblenden

[Jodler]

Hallo,
ich würde gern bei einer "featured collection" (vorgestellte Kollektion) den Produkttiel und den Preis ausblenden und stattdessem ein zwei Metafelder an gleicher Stelle platzieren.
Bei den Produkten handelt es sich um Kurse - und hier soll das Metafeld "kurs_datum_1" und "kurs_titel" gezeigt werden.
Und es wäre gut, wenn man dann u.a. nach dem Metafeld "kurs_datum_1" sortieren könnte. Ist das möglich?
Danke im Voraus für qualifizierte Antworten!
Viele Grüße 
Markus

[Jodler]

Ergänzend dazu:
habe es mit CSS versucht. Die ID über Developer-Tool rausgesucht usw.
Hier der Code:
collection-template--17957651349561__featured_collection.price {
display: none ;
}

Allerdings wird immer bemängelt, dass die ID nicht vorhanden ist

[Ben310]

Um die Produkttitel und Preise in der "Featured Collection" auszublenden und stattdessen Metafelder wie "kurs_datum_1" und "kurs_titel" anzuzeigen, wirst du den HTML-Code anpassen und dynamische Metafelder-Quellen verwenden müssen. Die Sortierung nach einem Metafeld wie "kurs_datum_1" auch im Code programmieren.

Ich nehme an du hast die Metafelder im Backend schon erstellt, wie kurs_datum_1 (Datumstyp) und kurs_titel (Textfeld). Im Theme Liquid suche den Block für den Titel und den Preis, wie z. B.:

<h3 class="card__heading">
    <a href="{{ product.url }}" class="full-unstyled-link">{{ product.title }}</a>
</h3>
<div class="price">
    {{ product.price | money }}
</div>

Ersetze mit etwas wie:

<div class="custom-product-info">
    <h3>{{ product.metafields.custom.kurs_titel }}</h3>
    <p>{{ product.metafields.custom.kurs_datum_1 | date: "%d.%m.%Y" }}</p>
</div>

Layout im CSS anpassen:

.custom-product-info {
    text-align: center;
    font-size: 1.2em;
    margin: 10px 0;
}

Oder nutze Apps, wie Metafield Guru oder Custom Fields/Advanced Metafields da Shopify selbst keine direkte Metafelder-Sortierung unterstützt.

[Nordalux]

Besserer Ansatz mit einem Fallback wäre sowas:

<h3 class="card__heading">
    <a href="{{ product.url }}" class="full-unstyled-link">{%if product.custom.metafields.name != bank %} {{product.custom.metafields.name}} {% else %} {{ product.title }} {% endif %}</a>
</h3>
<div class="price">
    {%if product.custom.metafields.date != bank %} {{product.custom.metafields.date}} {% else %} {{ product.price | money }} {% endif %}
</div>

Ich gehe davon aus, dass das Datum als einzeiliger Text angelegt wird. So wird als Fallback der Produkttitel sowie der Produktpreis angezeigt, wenn dies vergessen wird oder andere Produkte in den Shop mit aufgenommen werden sollen.