Det er en stund siden vi ga en detaljert oppdatering om alt som har endret seg i designbyggeren. De siste seks månedene har forbedring av designbyggeren vært hovedprioriteten til et av utviklingsteamene våre. Dette har resultert i nye funksjoner, forbedringer og feilrettinger nærmest ukentlig. Nedenfor finner du en detaljert oversikt over alle oppdateringene, så ta deg en kopp kaffe og nyt!

Nyheter 🎉

Det er lansert en rekke nye funksjoner i designbyggeren. Noen av dem kjenner du kanskje allerede, mens andre er nye for deg.

Utvidet forhåndssalg

Med funksjonen for Utvidet forhåndssalg kan du la kunder reservere beholdning fra kommende innkjøp og gjøre disse tilgjengelig for salg før de ankommer lageret. Gi kundene dine muligheten til å sikre seg populære varer på forhånd!

I butikkfronten vises tilgjengelige innkjøpsordrer på produktsiden, og sluttkunden kan kjøpe fra flere kommende ordrer samtidig.

Les mer

Egendefinert banner / bånd

Egendefinerte bånd på produktbokser og produktsider har nå fått innebygd støtte i designbyggeren. Det betyr at du kan legge til tagger til produktet ditt, og de vil være tilgjengelige i designet ditt, med valgmuligheter for farger og ikoner.

Les mer

Ny blokk: Tilpasset lenkeliste

Med tilpassede lenker kan du legge til en blokk i bunnteksten med tittel, beskrivelse og opptil 10 unike lenker. Dette vil se ut og fungere som bunntekstblokkene (meny, vilkår osv.), men du kan velge nøyaktig hvilken URL og tekst som skal vises. Blokken har innstillinger for skriftstørrelse, farge, identitet og mer.

Handlekurv v2: Sammenleggbar produktliste

Har du noen gang vært i en butikk hvor innholdet i handlekurven er skjult på mobilen for å spare plass? Nå kan du også få det!

• Når den aktive handlekurven er aktiv, vises innholdet i en trekkspill-meny på mobilen.
• Kommentarer og rabatter vises alltid under sammendraget.
• Innstillinger for listen inkluderer: tilpasset tekst, skriftstørrelse, kantstørrelse, skriftfarge og bakgrunnsfarge.

For å få denne funksjonen må du fjerne den nåværende handlekurvseksjonen og legge den til på nytt.

Forbedret kundeklubb

Oppsett og bruk av kundeklubb har fått en rekke forbedringer.

Produktside:

På produktsidens kjøpsdel finnes det nå en ny blokk: «Kundeklubb».
I denne blokken kan du tilpasse info og utseende som skal vises til kunde ang. kundeklubb. Det er også støtte for å legge inn unike meldinger per kundestatus (er medlem av kundeklubben, logget inn men ikke medlem og ikke logget inn).

Innmelding:

Når kunden er logget inn, kan han eller hun velge å melde seg på/av direkte fra produktsiden, uten behov for ekstra pålogging. Kunder som ikke er logget inn, blir omdirigert til påloggingssiden.

Banner / blokk

Med denne blokken kan du vise informasjon (tekst, overskrift osv.) til kunder basert på deres klubbstatus (medlem, ikke medlem, ikke logget inn). Du kan også bestemme hvem som skal se blokken (alle brukere, medlemmer, ikke-medlemmer, ikke logget inn). Dette betyr at du kan lage dynamiske bannere som tilpasser seg kundenes klubbstatus.

Les mer

Global lagermelding

Med global lagermelding kan du vise en melding/beskjed til sluttkunde om produkter er/ikke er på lager. 

Les mer

Relaterte kategorier

Tilordne relaterte kategorier når du redigerer produkter fra kontrollpanelet ved hjelp av den nylig lagt til fanen. Legg deretter til blokken «Relaterte kategorier» på produktsiden ved hjelp av designbyggeren. Blokken er tilgjengelig i seksjonene Produktkjøp og Kolonner.

Les mer

Ny blokk: B2B Anbefalt utsalgspris

Denne blokken lar B2B-butikker vise utsalgsprisen (vanlig salgspris) på produktsiden når de bruker kundegrupper.

• Blokken er kun tilgjengelig for butikker som bruker B2B.
• Prisen vises kun når kunden er logget inn.
• Prisen vises kun hvis kunden er medlem av en kundegruppe som ikke er standard (sluttkunde) eller kundeklubb.

Les mer

Filter i sidefelt

Designbyggeren har nettopp fått en ny mulighet til å vise filtre på kategorisider i en sidefelt i stedet for i en horisontal rad.

I tillegg til å vise det i sidefeltet, kan du velge å ha filtrene åpne eller som trekkspill og plassere sorteringsalternativene under/over filtrene.

Når du endrer et filter, lastes siden automatisk inn på nytt.

Les mer

Produkt info i toppmeny

Funksjonen lar deg legge til produktnavn og/eller pris i toppmeny (header), slik at du fortsatt kan se hvilket produkt du besøker når du blar på en produktside. Ved å klikke på navnet/teksten blir du sendt tilbake til toppen.

Den har også en reservealternativ som lar deg vise en tilpasset tekst, for eksempel firmanavn eller slagord, på sider som ikke er produktsider.

Egendefinert lenke på kontoside

Med valget for egendefinert lenke kan man legge til ett ekstra menypunkt i sidemenyen på sluttkundens kontoside. Denne lenken må gå til en intern side, altså en side som ligger i nettbutikken.

Les mer

JavaScript editor

Designbyggeren har nå en egen editor for JavaScript. Denne finnes i temainnstillinger og alt javascript som legges inn der vil kun gjelde på det aktuelle temaet.

Forbedringer 🚀

I tillegg til helt nye funksjoner har vi også lansert en rekke små og store forbedringer.

Sidetype i URL

Det er implementert en endring i designbyggeren som legger til den aktuelle siden som en URL-parameter. Dette betyr at hvis du for eksempel oppdaterer designbyggeren mens du er på en side, vil den åpne den siden igjen og ikke omdirigere deg til landingssiden.

Det gjør det også mulig å dele en direkte lenke til en bestemt side.

Åpne direkte i designbygger

Om man er innlogget som admin og åpner designbyggeren fra nettbutikken (frontend) vil man åpne den siden man står på.
For eksempel; om man i frontend besøker en produktside og fra admin-menyen til venstre klikker på "Designbygger", vil designbyggeren åpne produktsidemalen.

Søkefelt

Søkefeltet (i toppmeny/header) har fått to nye valg:

• Unik farge på placeholder tekst (teksten som vises i søkefeltet før man skriver noe)
• Støtte for å legge inn egen placeholdertekst

Forbedret megameny

Blokken for megameny har fått en rekke forbedringer:

• Grupperte innstillinger
• • Generelle innstillinger
  • Hovedmeny
  • Nedtrekksmeny
  • Underkategori nivå 1 - 3
• Støtte for text-transform (endre visning av tekst) per underkategori
• Ny innstilling for skriftstørrelse og skriftvekt på teksten "Se alle produkter"

Hovedmenyknapp

Blokken "Visning av hovedmenyknapp" har nå støtte for valg av ikon, endre ikonstørrelse, endre tekststørrelse og sette unik farge på ikonet.

Ikonvelger

Ikonvelgeren har fått oppdatert visning med større ikoner, slik at det er enklere å finne akkurat det ikonet man er ute etter. Det er også lagt til nye ikoner.

Ikon for lagerstatus

Du har flere alternativer for å vise ikoner før lagertekst eller antall. Innstillingene for ikoner finner du under fanene "Vis ikoner på lager", "På lager-ikon" og "Ikke på lager-ikon".

Vis ikoner på lager

• Aktiver denne funksjonen for å vise ikoner foran lagerteksten. Du vil umiddelbart se hvordan det ser ut i forhåndsvisningen i designbyggeren.
• Bruk "Ikonstørrelse" for å justere størrelsen på lagerikonet.

På lager-ikon / Ikke på lager-ikon

• Her velger du hvilket ikon som skal vises foran lagerteksten, avhengig av om produktet er på lager eller ikke.
• Det er også mulig å overstyre teksten som vises for produkter som er på lager eller utsolgt.

Forbedringer i handlevogn (v2)

• Gruppering av innstillinger for enklere bruk
• Forbedret knappelayout på rabatt/kommentar
• Støtte for å endre tittel på feltet for rabatt/kommentar
• Stablet (kolonne) layout av produktlistepris for å unngå overløp
• Plassering av sammendrag: velg om du vil plassere sammendraget først. Mer praktisk på mobil, slik at kundene ikke trenger å bla forbi alle varene for å finne betalingsknappen.

Sortering av ikoner (toppmeny)

Ikon-blokken i toppmeny (header) har nå støtte for å sortere hvert ikon, hvor de tidligere alltid hadde fast plassering.

• Innenfor hvert ikon har man «Sorter»-valg, hvor det høyeste tallet kommer først (lengst til venstre).
• Alle ikoninnstillinger har nå betingelser, noe som betyr at du bare ser innstillingene når ikonet er slått på.
• Ikonblokken har fått en standard ikonfargealternativ. Det betyr at du kan angi fargen ett sted hvis du vil ha samme farge på alle ikonene. Du kan deretter overstyre fargen per ikon.

Vis påloggingsstatus

Det er nå mulig å angi om en kunde er pålogget eller ikke direkte i toppmenyen.

1. Sørg for at «Vis tekst under ikonet» er aktivert.
2. I innstillingene for «Kontoikon» er det nå et nytt valg: «Vis påloggingsstatus». Når du aktiverer dette alternativet, får du to ekstra alternativer:
3. 1. Innlogget: La butikkene angi en tekst som skal vises hvis kunden er logget inn. Hold dette feltet tomt for å vise «Hei» etterfulgt av kundens fornavn. For eksempel «Hei, Donald».
   2. Ikke logget inn: La butikkene angi en tekst som skal vises hvis kunden ikke er logget inn. Hold dette feltet tomt for å vise den oversatte standardteksten, som er «Logg inn».

Se alle farger - fargepalett

Designbyggerens blokk for kjøpknapp har nå en alternativ for å vise en knapp med «Se alle farger» hvis produktet er en fargepalett.

Ved å klikke på denne knappen vil brukeren bla ned til de tilgjengelige fargene.

Innstillinger for produktboks v7

I temainnstillingene kan man nå tilpasse utseende på produktboks v7.
Naviger til temainnstilling > produkt og scroll ned, der finner man følgende innstillinger:

• Vis lagerstatus: Ja/Nei
• Overstyr i lagertekst: Her kan du skrive din egen tekst. Hvis feltet holdes tomt, vil standard oversatt tekst brukes.
• Overstyr ikke i lagertekst: Her kan du skrive din egen tekst. Hvis feltet holdes tomt, vil standard oversatt tekst brukes.
• Vis kjøpknapp: Ja/Nei
• Vis info-knappen: Hvis produktet har skjul-knappen aktiv, vil produktboks v7 vise informasjonsknappen i stedet for ingen knapp.

Visning av rabatter i produktbokser

Det er lagt til tre nye valg for visning av rabatter i produktbokser:

• Vis kundeklubb-rabatt: Vis kundeklubbrabatt i produktboksene hvis klubbprisen er lavere enn vanlig pris.
• Vis pakkerabatt: Vis pakkerabatt i produktboksene hvis pakkeprisen er lavere enn vanlig pris.
• Vis pakke- og klubbrabatt: Vis pakke med kundeklubbrabatt i produktboksene hvis prisen er lavere enn vanlig pris.

Forbedret fargevelger

Alle fargevelgere har nå to alternativer: standard fargevelger og en ny rullegardinmeny. Rullegardinmenyen viser alle globale farger (variabler) som er definert i temainnstillingen, noe som gjør det veldig enkelt å gjenbruke farger i et design.

I tillegg til å vise alle globale farger, viser den også alle tilpassede fargevariabler som er definert i det tilpassede CSS.

Les mer om farger og tilpasset CSS

Forbedrede faner i designbyggeren

• Kantradius for hele blokken
• Kantradius for aktiv fane
• Kantstil for blokk
• Bakgrunnsfarge gjelder nå for hele blokken

Utbedringer 🛠️

• Rettet feil hvor tekst under ikoner i toppmeny ikke kunne oversettes
• Forbedret listevisning i produktbeskrivelse
• Rettet en feil hvor tilpasset CSS-klasse ikke ble lagt til i footer menyen
• Rettet en feil hvor "Bedriftskasse"-knapp i handlekurv ikke kunne tilpasses
• Forbedret visning av navn på globale komponenter
• Lagt til manglende oversettelser
• Endret bredde på forhåndsviningen i designbyggeren slik at forhåndsvisning for nettbrett er korrekt
• Rettet en feil hvor logo-blokken sin avstand-innstillingen ikke hadde effekt.
• Lagt til flex wrap på variantknapper for å forsikre korrekt visning på mobil
• Lagt til Inter skrifttype
• Korrigert skrivefeil som påvirket skriftvekt
• Forbedret feil ved oppdatering av variantpris
• Rettet en feil som gjorde at rutenettbilder ikke tilpasset seg maks høyde
• Lagt til bildestørrelse (HTML attribut) på produktbilde for forbedret SEO
• Rettet en feil som gjorde at placeholder-bilde i produktbokser ikke benyttet seg av fastsatt høyde
• Fjernet unødvendig ekstra margin på tekst under kontoikon
• Rettet en feil som gjorde at filter i sidefelt ikke fungerte på tilbudssiden
• Rettet en feil som gjorde at firmanavn og organisasjonsnummer alltid var påkrevd ved endring av konto
• Rettet feil hvor registreringsskjema var tilgjengelig selv om butikken ikke tillater registrering av konto
• Endret visning av ikoner i egendefinerte bånd for å unngå tredjepartsikoner
• Forbedret visning av kommentar og rabatt i handlevogn
• Forbedret logikk for visning av varianter
• Forbedret visning av videoknapper på produktside
• Forbedret struktur og visning av merker i produktbokser
• Forbedret visning av merker, tilbud og nye produkter i mobilmeny