FAQ

Tilføjelse af et brugerdefineret badge #

Denne vejledning viser dig, hvordan du tilføjer et brugerdefineret badge til anbefalingsslideren. Processen er lignende for Omnisearch, søgesiden og live søgekodedesigns.

1. Find den attribut, du vil bruge som en regel for at vise badget. For eksempel, ‘on_sale’, eller produktet der er i en specifik kategori som ‘Black_friday’.

2. Rediger det valgte design for Recommendations eller Omnisearch.

3. Indsæt koden i det valgte rum, normalt inde i div’en med class='clerk-product-image-wrapper'. I eksemplet nedenfor bruger vi kategorier-attributten til at vise badget, hvor 123 er kategori ID for Black Friday-kategorien.

{% for item in products %}
    <div class="clerk-product-wrapper clerk-slider-content">
        <div class="clerk-product-image-wrapper">
            {% if item.categories contains 123  %}
                <div class="clerk-product-badge-sale clerk_BF_badge">
                    BLACK FRIDAY -20%
                </div>
            {% endif %}
                
            ...

        </div>
    </div>
{% endfor %}

Tilføj til sidst din badge CSS for at tilpasse badge-designet, f.eks.:

.clerk_BF_badge{
  background-color:#333333;
  font-size: 15px;
  color: #F4841F;
  top: 0px;
}