FAQ

Brug af formattering i design #

Clerk.js giver dig mulighed for at skrive brugerdefinerede javascript-funktioner, der tilføjer ny funktionalitet til Design.

Formattere kan tilføjes på to måder:

• Gennem my.clerk.io > Indstillinger > Formatering,, hvor hver formatter kan oprettes som separate poster.
• Som en PLACEHOLDER_5 til Clerk.js, i tracking-script, der indsættes på alle sider, hvor flere formattere kan tilføjes på én gang.

Et eksempel kan ses nedenfor. Vær opmærksom på, at dette er for Clerk V2 (seneste version):

    Clerk('config', {
      key: 'O7UITkJIXqXibeQF9ONobiGGKYYKtbvh',
      formatters: {
             log_price: function(price) {
             console.log(price);
          }
      });

Du kan skrive et vilkårligt antal Formater, adskilt af komma:

formatters: {
   log_price: function(price) {
      console.log(price);
   },
   calculate_discount: function(price,special_price) {
      return price-special_price;
   },
   substring: function(text) {
      var short_string = text.substring(0,20);
      return short_string;
   }
}

Når du har oprettet dine Formatters, kan du bruge dem i din Design med denne syntaks:

{%raw%}{{ price | log_price }} {{ price | calculate_discount |  special_price }}{%endraw%}

Dette giver dig mulighed for at skabe enhver funktionalitet i dine designs, som du har brug for.

Synkronisering med HTTP Auth #

Ofte bruges HTTP-godkendelse på staging-sider for at undgå ubudne 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 godkendelsesoplysningerne i import-URL’en som nedenfor, i Data Sync på my.clerk.io:

http://USER:PASS@www.ewoksRus.com

Opgradering til Clerk.js 2 #

Clerk.js 2 er en hurtigere og meget mere fleksibel version af vores JavaScript-bibliotek, som gør det nemt at installere Clerk.io på enhver webshop.

Men da de to versioner fungerer lidt forskelligt, skal du følge disse trin for at få succes med opgraderingen.

De to vigtigste forskelle i Clerk.js 2 er:

• Designene i my.clerk.io bruger PLACEHOLDER_9 templating-sprog , men kan også nemt oprettes ved hjælp af Design Editor.

• Scriptet skal indsættes lige før tag i din webshops skabelon.

Trin 1: Konvertering af designs #

Da Clerk.js 2 har en anden tilgang til designs, er du nødt til at oprette nye.

Du kan oprette dine Clerk.js 2-designs på en af to måder:

• 1. Brug det intuitive Design-editor til at oprette nye designs, som beskrevet i de følgende punkter.

• 2. Konverter dine gamle designs. Følg denne vejledning for at se, hvordan du gør det.

1.1 Start med at gå til PLACEHOLDER_12 -> Anbefalinger / Søg -> Design og klik på Nyt design:

1.2 På det følgende skærmbillede skal du give dit design navnet Navn (vi anbefaler, at du tilføjer " V2", så det er tydeligt, at du bruger Clerk.js2).

1.3. Vælg design Skriv og følg designopsætningen Wizzard.

1.4. Når du er færdig, skal du klikke på Opret design

1.5. På Design-editor kan du klikke på et af de eksisterende elementer som navn, billede, knap osv. for at redigere det eller tilføje nye elementer til designet for at inkludere mere information om produkter.

1.6. Klik på Udgiv, når du er færdig, og gå til Trin 2 i guiden.

1.7. Til sidst skal du gå til Anbefalinger / Søg -> Indhold og ændre dit Clerk.io -indhold, så det bruger dit nye design.

1.8. Klik på Opdater indhold. Dette vil midlertidigt medføre, at de ikke vises på din webshop, indtil du er færdig med Trin 2. Vælg det nye design for alt indhold, der skal opdateres.

1.9. Sådan! Du er nu klar til at skifte til Clerk.js 2.

Trin 2: Udskiftning af scriptet #

2.1. Start med at finde den skabelonfil, der bruges til at vise alle sider i webshoppen, og hvor det oprindelige Clerk.js-script findes i bunden.

2.2. Fjern det gamle script fra filen:

2.3. Gå derefter til PLACEHOLDER_14 -> Indstillinger -> Sporingskode. Denne side indeholder nu din Clerk.js 2 sporingskode.

2.4. Kopier denne kode, og indsæt den lige før -tagget i skabelonen:

2.5. Gem din skabelon.

Vi ønsker dig tillykke! Du kører nu på den meget forbedrede Clerk.js 2-opsætning!

Du kan se den fulde dokumentation for Clerk.js 2 her: https://docs.clerk.io/docs/clerkjs-quick-start