Få dine kunder til at vælge en valgmulighed

Når en kunde besøger en produktside i din webshop, vælges den første tilgængelige variant som standard. Du kan bruge denne tilpasning til at deaktivere det automatiske valg af den første tilgængelige variant. På denne måde bliver kunden bedt om at vælge en variant manuelt, før der vises en variant.

Vælg en valgmulighed

Temaer med og uden sektioner

Bemærk: Trinnene i denne vejledning er forskellige, afhængigt af om du bruger et tema med sektioner eller uden sektioner. Med et tema med sektioner kan du trække og slippe for at arrangere startsidens layout – det kan du ikke med et tema uden sektioner.

Du kan finde ud af, om dit tema understøtter sektioner, ved at gå til temaets side Rediger kode. Hvis der er filer i mappen Sektioner, bruger du et tema med sektioner. Temaer uden sektioner blev udgivet før oktober 2016 og har ikke filer i mappen Sektioner.

Hvis du bruger et tema med afsnit, skal du klikke på knappen Temaer med afsnit og følge instruktionerne. Hvis du bruger et ældre tema uden afsnit, skal du klikke på knappen Temaer uden afsnit og følge instruktionerne.

Trin for temaer med afsnit

Vælg dit tema

Trinnene til denne tilpasning varierer afhængigt af dit tema. Klik på knappen for dit tema, inden du følger vejledningen nedenfor:

Trin for temaer uden sektioner

Tilføj prompter i dine variantrullemenuer

Sådan tilføjer du prompter i dine variantrullemenuer:

  1. Klik på Opret et nyt kodestykke i mappen Kodestykker.
  2. Navngiv dit nye kodestykke pick-an-option.

Opret et nyt kodestykke

  1. I dit nye kodestykke skal du indsætte denne kode er hosted på GitHub.
  2. Klik på Gem.
  3. I mappen Layout skal du klikke på theme.liquid.
  4. Find det afsluttende </body>-tag tæt på bunden af filen. Indsæt følgende kode på en ny linje lige over det afsluttende </body>-tag:
{% render 'pick-an-option' %}

Herunder kodestykket vælg en valgmulighed

  1. Klik på Gem.
  2. Find filen, der indeholder Læg i indkøbskurven-formularen. Den vil have en action-attribut, der er indstillet til /cart/add. Den skal være i en af disse fire filer:

    • product.liquid-skabelonen under Skabeloner
    • theme.liquid-layoutet under Layout
    • product.liquid-kodestykket under Kodestykker
    • single-product.liquid-kodestykket under Kodestykker
  3. Find denne kode inde i formularen:

<option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>

eller

<option {% if variant == current_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>

Udskift den med:

<option {% if forloop.length <= 1 and variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>
  1. Find og erstat følgende kode:
    • Minimal, Pop eller Supply: Hvis du bruger Minimal, Pop eller Supply, skal du finde alle forekomster af denne kode:
{% assign featured_image = product.selected_or_first_available_variant.featured_image | default: product.featured_image %}

Erstat med:

{% assign featured_image = product.selected_variant.featured_image | default: product.featured_image %}
  • Andre gratis Shopify-temaer: Hvis du bruger et andet Shopify-tema, skal du finde denne kode:
{% assign current_variant = product.selected_or_first_available_variant %}

Udskift den med:

{% assign current_variant = product.selected_variant %}
  1. Klik på Gem.

Skift sprogindstillingerne for Læg i indkøbskurven

Du kan ændre sprogindstillingerne for knappen Læg i indkøbskurven, så produkterne ikke vises som “Ikke tilgængelig”, før et valg foretages.

  1. Gå til Webshop > Temaer i din Shopify-administrator.
  2. Find det tema, du vil redigere, og klik derefter på ... > Rediger standardtemaindhold.
  3. I feltet Filtrer skal du begynde at skrive unavailable for at vise oversættelsen "Ikke tilgængelig".
  4. Erstat teksten Ikke tilgængelig med Make a selection.
  5. Klik på Gem.

Er du klar til at begynde at sælge med Shopify?

Prøv det gratis