Når det gjelder å sette opp en nettbutikk, er WooCommerce plugin - plugin . Det er latterlig enkelt å sette opp en nettbutikk og begynne å selge produktene dine så snart du er ferdig. Avada tilbyr omfattende støtte og designintegrasjon for WooCommerce, slik at du kan lage drømmebutikken din samtidig som den sikrer at den ser akkurat ut som rammen du har i tankene.
Avada handler om å gi deg muligheten til å tilpasse utseendet til nettstedet ditt, noe som ikke er annerledes med WooCommerce -integrasjon. Ved å bruke vårt populære avanserte alternativer -nettverk, kan du velge mellom et stort utvalg tilpasninger for en rekke designmuligheter, inkludert:
- WooCommerce har sitt eget Avada Global Options Panel, atskilt fra hoved Avada Global Options Panel.
- Avada sidealternativer er tilgjengelige for hvert produkt.
- Avada Builder lar deg lage produktsidesign ved å dra og slippe elementer.
For å bygge nettstedet ditt med Avada.
Først må vi installere wooCommerce i Avada.
- Installere WooCommerce - trinnvise instruksjoner
- Hvordan tilordne en butikkside til nettstedet ditt
- Opprette produktene dine
- Lag produkt Zoom Effect
- Justere innstillinger for produktbildestørrelse i WooCommerce.
Installere WooCommerce - trinnvise instruksjoner
Gå til Avada> Plugin s / Add-ons og ser for WooCommerce plugin , som vist i skjermbildet nedenfor.
Trinn 1 - Installer WooCommerce plugin .
Trinn 2 – Velg "Installer" fra rullegardinmenyen.
plugin installeres og aktiveres automatisk.
Trinn 3 – Etter det skal oppsettveiviseren for WooCommerce vises. Hvis du importerer en av Woo-demoene våre, for eksempel Modern Shop eller Classic Shop, kan du hoppe over dette trinnet uten å risikere å miste dataene dine. For å hoppe videre, velg "Ikke akkurat nå" fra rullegardinmenyen. Hvis du ikke importerer en av Woo-demoene våre, fortsett til neste trinn ved å klikke på "La oss gå!" for å starte oppsettprosessen.
Trinn 4 – Følg instruksjonene og instruksjonene på skjermen for å fullføre prosessen og angi nødvendig informasjon om butikken din. Ved å klikke på "Opprett ditt første produkt"-knappen når du er ferdig, vil du kunne fortsette å lage ditt første produkt. Alternativt kan du gå tilbake til WordPress Dashboard ved å klikke på koblingen under oppsettvinduet.
Hvordan tilordne en butikkside til nettstedet ditt
Som en del av den vanlige WooCommerce installasjonsprosessen, bør installasjonsveiviseren lanseres, slik at du kan konfigurere butikken din og tilordne butikksidene dine til kunder. Du finner mer informasjon om sidene som installeringsveiviseren oppretter i dette WooCommerce -dokumentet.
Alternativt, hvis installasjonsveiviseren ikke vises, eller hvis du av en eller annen grunn avbryter den, kan du alltid gå tilbake til installasjonsveiviseren ved å velge Oppsettveiviser fra Hjelp -menyen på en hvilken som helst WooCommerce -side, som du finner øverst til venstre på vindu.
Du kan angi butikksiden manuelt ved å gå til kategorien Produkter i WooCommerce-innstillingene – WooCommerce > Innstillinger > Produkter – og velge siden som skal være hovedbutikksiden fra rullegardinmenyen. WooCommerce vil da vise produktene dine på denne siden som et resultat av handlingen din.
De resterende sidene kan konfigureres i Avansert-fanen, funnet på WooCommerce > Innstillinger > Avansert .
Opprette produktene dine
Trinn 1 – På WordPress Admin-sidefeltet, naviger til kategorien Produkter > Legg til produkt.
Trinn 2 – Skriv inn navnet på produktet ditt øverst på siden.
Trinn 3 – Fyll ut innleggets innholdsfelt med teksten fra produktbeskrivelsen. All produktinformasjon vil vises i denne delen.
Trinn 4 – Fyll ut " Produktdata "-boksen med all produktinformasjon. For eksempel er pris, SKU og frakt alle mulige alternativer amp
Trinn 5 – I boksen Kort beskrivelse av produktet skriver du inn en kort beskrivelse av produktet ditt som vises ved siden av hovedbildene dine.
Trinn 6 – Hovedbildet skal plasseres under ' Produktbilde' - boksen på høyre side av siden; Dette må fylles ut for hvert produkt.
Trinn 7 – Legg til flere bilder i ' Produktgalleri bildegalleri i stedet for ett enkelt bilde.
Trinn 8 – I ' Produktkategorier kategoriene som gjelder for produktene dine. Deretter fyller du de tomme feltene med de riktige kodene for produktet ditt i boksen " Produktetiketter " .
Trinn 9 – Når du har angitt all nødvendig informasjon, klikker du på ' Publiser' -knappen, og varen vises på hovedsiden for butikkfronten.
Lag produkt Zoom Effect
Hvis du bruker Avada Layouts, må du sørge for at WooCommerce Product Images Zoom-alternativet er aktivert i Avada > Alternativer > WooCommerce > Generelt WooCommerce > WooCommerce Product Images Zoom-alternativet , eller i Woo Product Images Element General-fanen > Produktbilder Zoom hvis du bruker WooCommerce-oppsett.
WooCommerce Product Images Width – Din hovedbildebredde (se innstillingen nedenfor) og den faktiske størrelsen på bildet som lastes opp, må begge være større enn Avada > Alternativer > WooCommerce > Generelt WooCommerce > WooCommerce Product Images Width eller innstillingen Produktbilder Max Width i Woo Product Images Element. Bredden på beholderkolonnen for et enkelt produktgalleri bestemmes av innstillingene du velger. Når du har gjort de nødvendige justeringene, vil du være klar til å angi bredden på WooCommerce-hovedbildet ditt.
WordPress Main Image Width – Innstillingen for WooCommerce Main Image Width finner du i Customizer på WordPress-nettstedet ditt. Fra WordPress-dashbordet, naviger til Utseende > Tilpass > WooCommerce > Produktbilder , hvor du finner innstillingen for hovedbildebredde; Dette vil bestemme den faktiske størrelsen på bildet som vises i galleriet.
Jo mer detaljert zoomeffekten din blir, desto større er bildestørrelsen du har angitt for bildet ditt. For å klargjøre, hvis bildestørrelsen i WooCommerce -innstillingene samsvarer med bildebredden i Avadas globale alternativer, vil ingen zooming være synlig når musen holder musepekeren over bildet på siden. I tillegg må størrelsen på det faktiske bildet du laster opp være det samme som eller større enn innstillingen for hovedbildebredde på nettstedets design.
Sørg for at du regenererer miniatyrbildene dine etter at du har endret WooCommerce bildestørrelser; Dette vil gjelde de nye bildestørrelsene for alle bilder som allerede er lastet opp til nettstedet ditt. Du kan bruke plugin Regenerate Thumbnails for å oppnå dette.
Justere innstillinger for produktbildestørrelse i WooCommerce.
WooCommerce inkluderer alternativer for å justere størrelsen på produktbilder i butikkens katalog- og enkeltproduktbilder. I tillegg er det spesifikke Avada -innstillinger som fungerer sammen med bildestørrelsene som brukes av WooCommerce -butikken din. Når du konfigurerer disse innstillingene for bildestørrelse, er det viktig å huske at også de globale alternativene for Avada må vurderes. Vi vil gå nærmere over hvert av disse alternativene senere.
Anta at bildene du laster opp for produktene dine er mindre ved kilden enn bildestørrelsene som er angitt i WooCommerce -innstillingene. I så fall kan det hende du merker noen visuelle layoutavvik på forsiden av butikksidene; Dette er ikke en feil på noen måte. Det er ganske enkelt fordi bildene dine var for små til at WooCommerce -innstillingene kunne påvirke dem. Du kan tenke på disse innstillingene som maksimal bredde og høyde for bildene dine når det gjelder bildedimensjoner. Alt som faller under den angitte grensen vil ikke bli endret.
Når du konfigurerer butikken din, må du sørge for at både WooCommerce -bildestørrelsesinnstillinger og den faktiske størrelsen på bildene dine blir tatt i betraktning. Oppsummert bør bildene dine ha samme størrelse som eller større enn innstillingene for bildestørrelse i WooCommerce -butikken din.
Eventuelle endringer i innstillingene for bildestørrelse krever at du regenererer miniatyrbildene for at de skal tre i kraft på bilder som allerede er lastet opp til nettstedet ditt. Derfor er det sterkt anbefalt å bruke plugin Regenerate Thumbnails. I tillegg kan bildestørrelser justeres ved å følge trinnene nedenfor:
Trinn 1 – I administratorsidefeltet, naviger til fanen " Utseende " og deretter " Tilpass "-fanen for å begynne å tilpasse nettstedet ditt.
Trinn 2 – Naviger til ' WooCommerce '-fanen øverst på siden.
Trinn 3 – Bilder-innstillingen for enkeltproduktbilder finner du under konfigurasjonsvinduets ' Produktbilder' fane .
Trinn 4 – Når du laster opp bilder til enkeltproduktsidene dine, velg hovedbildebreddealternativet. Miniatyrbildebredde er bredden på miniatyrbildene for produktene dine i katalogen. Fyll ut de tomme feltene med ønsket breddeverdi.
Trinn 5 – For å gjenskape miniatyrbilder etter at du har endret bildestørrelsene og lagret dem, må du bruke Regenerate Thumbnails plugin , som du finner i Plugin delen. Installer først Regenerate Thumbnails plugin og naviger deretter til WP Admin > Tools fanen, hvor du kan velge å regenerere miniatyrbildene dine og lage de nye bildestørrelsene.
