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.
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.
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.
Global lagermelding
Med global lagermelding kan du vise en melding/beskjed til sluttkunde om produkter er/ikke er på lager.
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.
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.
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.
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.
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.
- Sørg for at «Vis tekst under ikonet» er aktivert.
- 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:
- 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».
- 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
