Guide: Sådan tilføjer du en top- og bundbeskrivelse på kategorier i Shopify

I Shopify er det muligt at opdele kategori-beskrivelser (collections) i to dele: en kort beskrivelse øverst på siden og en længere beskrivelse nederst. Dette giver dig bedre kontrol over, hvordan dine produktkategorier præsenteres for kunderne og samtidig kan du lave gode lange beskrivende tekster til din webshop uden at være bekymret om dine brugere hopper fra fordi der er så meget tekst i toppen af din side.

Denne guide viser dig trin for trin, hvordan du redigerer din Shopify-kode for at opnå denne funktionalitet.

Trin 1: Åbn Shopify Admin og rediger koden

1. Log ind på din Shopify-administration.
2. Gå til Online Store under Sales Channels.
3. Klik på Themes.
4. Klik på knappen med de tre prikker (⋮) og vælg Edit Code.

Trin 2: Find den rigtige template-fil

For at opdele din beskrivelse i en top- og bundbeskrivelse skal du finde den rigtige .liquid-fil, der indeholder kategoriens beskrivelse.

De mest læste de sidste 24 timer

Kom i gang med WordPress #1: Oprydning efter 1 klik installation

Omfattende ransomware-angreb lammer Azero og rammer kunderne hårdt

MailPoet side

1. Søg efter den rigtige fil:
   • Kig efter filer, der hedder noget med collection.
   • Søg efter følgende kode:collection.description
2. Hvis du ikke kan finde den rigtige fil:
   • Gå til Shopify Admin → Online Store → Themes.
   • Klik på Customize for dit aktive tema.
   • Naviger til en kategori-side (collection page).
   • Klik på Theme settings eller Sections for at se, hvilken template der bruges.
   • Alternativt kan du downloade dit tema og søge i filerne ved hjælp af et program som WinGrep.

Hvis det ikke virker at finde filen på denne måde. Så kan du downloade dit tema og bruge programmer som WinGrep til at søge efter specfikke ord og benytte din browser til at kigge koden igennem for at finde ud af hvad du kan søge efter.

I mit tilfælde søgte jeg efter collection-hero hvilket gav mig filnavnet: main-collection-banner.liquid til topbeskrivelsen og main-collection-product-grid.liquid for bund beskrivelsen. Så du kan starte med at kigge i de to filer. :)

Trin 3: Opdel kategoriens beskrivelse

Når du har fundet den korrekte .liquid-fil, vil den typisk indeholde noget ligende denne kode ({{ collection.description }} er den vigtige del):

<div class="collection-hero__description rte">{{ collection.description }}</div>

Denne kode skal erstattes med følgende (skal placeres i begge .liquid filer):

<div class="collection-hero__description rte">
  {% assign descriptions = collection.description | split: "<split>" %}
  {% assign short_desc = descriptions[0] %}
  {% assign long_desc = descriptions[1] %}
</div>

Nu kan du vise den korte beskrivelse øverst og den lange beskrivelse nederst:

<div class="collection-hero__description rte">
  {{ short_desc }}
</div>

<!-- Andet indhold på siden, f.eks. produkter -->

<div class="collection-bottom-description rte">
  {{ long_desc }}
</div>

Trin 4: Brug <split> til at adskille dine beskrivelser

For at dette skal fungere korrekt, skal du manuelt indsætte <split> i din kategori-beskrivelse, hvor du vil opdele den.

1. Gå til din kategori-beskrivelse i Shopify.
2. Aktivér kode-tilstand ved at klikke på “Show Editor” i øverste højre hjørne.
3. Indsæt <split> på det sted, hvor du vil skille beskrivelsen ad. Eksempel:

Dette er min korte beskrivelse.<split>Dette er min lange beskrivelse, der vises i bunden.

Ved at følge disse trin kan du nemt opdele dine kategori-beskrivelser i en kort tekst øverst og en længere beskrivelse nederst på siden. Dette giver en mere struktureret præsentation og forbedrer brugeroplevelsen i din Shopify-butik samtidig med at du kan forbedre din SEO ved at give bedre beskrivelser af dine kategorier uden at det påvirker dine besøgende.