FAQ

Valutaomregning #

Shopifys indbyggede valutaomregningsobjekt gør det nemt at læse valutasymbolet og vekselkursen fra webshoppen.

Du skal bruge en formatter i dine designs for at omregne priser. Dette tager et eksempel fra vores standard skabelonsprog her. Når du bruger valutaomregninger og symboler, registrerer Clerk.js disse indstillinger såsom sprog, valuta og landekode. Følgende eksempler vil give dig mere overblik over, hvordan de forskellige komponenter fungerer.

Designredigerer #

1. Opret en Tekst komponent, hvor du ønsker, at prisen skal vises.

2. Tilføj følgende Liquid-kode for at vise prisen baseret på valutaomregneren inde i tekstkomponenten:

{{ currency_symbol }}{{ item.price | currency_converter }}

Kode Designs #

1. Gå til my.clerk.io Søg/Anbefalinger -> Designs og klik på Rediger design for dit design.

2. Erstat den eksisterende money eller money_eu formatter for priser med currency_converter.

3. Klik på Opdater design.

4. Du vil nu kunne se de omregnede priser og valutasymbolet i dit design:

Find almindelige tema filer #

Shopify huser over 100 forskellige temaer til at style og tilpasse din webshop. Hvert tema fungerer på samme måde, at du tilpasser tema filerne for at opnå et givet resultat i din butik, men tema filnavnene ændrer sig fra tema til tema.

Shopify giver dig et søgefelt til nemt og hurtigt at finde den tema fil, du leder efter. Hvis du ikke kender navnet på den fil, du leder efter, kan du bruge søgefeltet til at hjælpe med at finde den. For eksempel, hvis du leder efter filen, der har koden til søgesiden, er det sandsynligt, at den har ‘search’ i filnavnet.

Hvis du er usikker på, om du har fundet den rigtige fil, kan du sammenligne HTML’en i tema filen med HTML’en på den relevante side for at se, om de matcher.

Dette kan gøres i Google Chrome ved at højreklikke på et hvilket som helst område af siden og vælge ‘Inspicer’.

Du kan derefter inspicere HTML’en på siden og tjekke, om klassen/ID’et af elementerne er det samme i filen som på siden.

Hvis du har brug for yderligere hjælp med dette, kan du også kontakte vores supportteam.

Anbefalinger til kurvskuffen #

Installation af en Shopify-udvikler anbefales stærkt. Denne guide skitserer en højt tilpasset løsning, der kan opføre sig forskelligt på tværs af forskellige Shopify-temaer. Den er specifikt designet til temaer, hvor kurven er en del af DOM’en på hver side, men forbliver skjult, indtil den åbnes af brugeren.

Visning af Clerk Anbefalinger i kurvskuffen på Shopify er en fantastisk måde at fremvise ekstra produkter til kunderne, før de begynder checkout-processen.

1. Rediger koden til dit Shopify-tema i Online butik > Temaer > Rediger kode.
2. Find filen, hvor kurvskuffe skabelonen er (normalt kaldet cart-drawer.liquid eller lignende).
3. Indsæt et Clerk Anbefalinger snippet fra Anbefalinger > Indhold. Omdøb klassen fra clerk til kontrollere rendering. For eksempel ved at kalde det clerk_m:

<span class="clerk_m" data-template="@cart-others-also-bought" data-products="[{% for line_item in cart.items %}{% if forloop.index0 > 0 %}, {% endif %}{{ line_item.product.id }}{% endfor %}]"></span>

4. Sammen med ovenstående snippet, inkluder et script til at gengive Clerk Anbefalinger, når brugeren åbner kurven. En tilgang er at bruge en MutationObserver. Det nedenstående script inkluderer alle disse elementer og giver dig et eksempel på, hvordan du kan gribe det an. For eksempel:

<script>
    // Vælg noden, der vil blive observeret for mutationer
    const targetNode = document.querySelector("cart-drawer.drawer");

    // Tilføj alle klassens navne til kurvskuffen, når den åbnes
    const targetNodeClasses = "drawer animate active";

    // Indstillinger for observatøren (hvilke mutationer der skal observeres)
    const config = { attributes: true };

    let cartFetched = false;
    let previousitemsID = [];
    
    // Funktion til at hente kurvdata
    async function fetchCartData() {
        const response = await fetch("/cart.js");
        const data = await response.json();
        let itemsID = [];
        let cartItems = data.items;
        for (var i = 0; i < cartItems.length; i++) {
            itemsID.push(cartItems[i].product_id);
        }
        return itemsID;
    }

    // Callback-funktion til at udføre, når mutationer observeres
    const callback = async (mutationList, observer) => {
        for (const mutation of mutationList) {
            if (mutation.type === "attributes") {
                if (targetNode.className == targetNodeClasses && !cartFetched) {
                    cartFetched = true;
                    try {
                        const itemsID = await fetchCartData();
                          if (JSON.stringify(previousitemsID) != JSON.stringify(itemsID)) {
                            await Clerk('content', '.clerk_m', 'param', { products: itemsID })
                            previousitemsID = itemsID
                          }
                    } catch (error) {
                        console.error(error);
                    } finally {
                        cartFetched = false;
                    }
                }

            }
        }
    };

    // Opret en observerinstans knyttet til callback-funktionen
    const clerk_observer = new MutationObserver(callback);

    // Start med at observere den målrettede node for konfigurerede mutationer
    clerk_observer.observe(targetNode, config);
</script>

Din kurvskuffe fil skal se sådan ud:

Synkronisering med HTTP Auth #

Ofte bruges HTTP-godkendelse på staging-sider for at undgå uønskede besøgende.

Dette vil også blokere Clerk-importøren og vise en 401 Unauthorized fejl i synkroniseringsloggen.

Du kan nemt verificere importøren ved at indsætte autentifikationsoplysningerne i import-URL’en som nedenfor, i Data Sync på my.clerk.io:

https://USER:PASS@www.ewksRus.com

Almindelige synkroniseringsfejl #

Når du importerer data med Shopify-integrationen, er webshopserveren ansvarlig for at sende produkt-, kategori- og salgsdata til Clerk.io.

Men i nogle tilfælde kan serverens konfiguration forhindre importøren i at få adgang, hvilket forårsager en fejl i Data Sync.

Nedenfor er en liste over de mest almindelige fejl og hvordan man løser dem.

401 Serverfejl: Uautoriseret #

Denne fejl opstår, hvis din webshop/dev-miljø kræver HTTP-godkendelse for at få adgang til det.

Dette løses enkelt ved at indsætte Brugernavn og Adgangskode som en del af import-URL’en:

http://username:password@awesomeshop.myshopify.com

Shopify tilladelsesfejl: Denne handling kræver godkendelse fra forhandleren for read_content-omfanget. #

Denne fejl opstår normalt, hvis du ikke har givet Læseadgang til Butik indhold som artikler, blogs, kommentarer, sider og omdirigeringer i din Private App.

For at løse det:

1. Log ind på Shopify og gå til Apps -> Administrer private apps -> Clerk.io (eller navnet, du gav appen).

2. Rul ned til Admin API-tilladelser, og klik på Gennemgå deaktiverede Admin API tilladelser.

3. Find Butik indhold som artikler, blogs, kommentarer, sider og omdirigeringer og vælg Læseadgang:

4. Rul derefter til toppen af siden og klik på Gem.