Sådan tilføjer du muligheden for at vise betalingsikoner i Shopify

OBS: Denne guide er ikke skrevet færdig endnu. Vi arbejder på den. Kontakt os hvis du vil have klaret det af os, så klarer vi det for dig uden beregning.

Når du driver en webshop, er det afgørende at levere en fejlfri og tillidsvækkende købsoplevelse. Desværre oplever nogle Shopify-butikker udfordringer med at vise betalingsikoner i deres footer. Men frygt ej! Vi vil guide dig gennem en løsning på dette problem ved at lære dig, hvordan du implementerer en funktion til at vise dine betalingsikoner i din Shopify-butiks footer.

Trin 1: Adgang til din Shopify-butiks kode

Start din tilpasning ved at logge ind på din Shopify-administrator, navigere til "Online Store," og vælg derefter "Themes." Rediger koden ved at klikke på "Actions" og vælge "Edit code."

Trin 2: Opret et nyt afsnit

Skab klarhed i koden ved at oprette en ny fil, som du kalder: custom-payment-icons.liquid.

Trin 3: Kodning af afsnittet

Indsæt følgende kode i custom-payment-icons.liquid for at håndtere brugerdefinerede betalingsikoner:

{% if section.settings.custom_payment_types_image %}
<div class="custom-payment-types-image">
<img src="{{ section.settings.custom_payment_types_image | img_url }}" height="auto" width="auto" loading="lazy">
</div>
{% endif %}

Trin 4: Tilføj brugerdefinerede indstillinger

Gør det brugervenligt ved at tilføje brugerdefinerede indstillinger med denne kode i custom-payment-icons.liquid:

{
  "type": "image_picker",
  "id": "custom_payment_card_logos_image",
  "label": "Custom payment card logos image",
  "info": "Upload a custom payment card logos image. INFO: Overwrites the show credit card icons and grayscale payment icons settings."
}

Trin 5: Implementering i footer

Afslut ved at integrere dit nye afsnit i din footers kode. Åbn footer.liquid og tilføj denne linje, hvor du vil vise betalingsikonerne:

{% section 'custom-payment-icons' %}

Bonus: Brug kortlogo.dk til at generere billeder

For at gøre processen endnu mere strømlinet, kan du benytte kortlogo.dk til at generere dine betalingsikonbilleder. Besøg hjemmesiden, vælg dine ønskede betalingsmetoder, og download billederne for at implementere dem i din Shopify-butik.