Når det kommer til at oprette en online butik, er WooCommerce go-to plugin . Det er latterligt enkelt at oprette en online butik og begynde at sælge dine produkter, så snart du er færdig. Avada giver omfattende support og designintegration til WooCommerce, så du kan oprette din drømmebutik og samtidig sikre, at den ser præcis ud som den ramme, du har i tankerne.
Avada handler om at give dig mulighed for at tilpasse dit websteds udseende, hvilket ikke er anderledes med WooCommerce -integration. Ved hjælp af vores populære avancerede netværksnetværk kan du vælge mellem en lang række tilpasninger til en række designmuligheder, herunder:
- WooCommerce har sit eget Avada Global Options Panel, adskilt fra hoved Avada Global Options Panel.
- Avada sidemuligheder er tilgængelige for hvert produkt.
- Avada Builder giver dig mulighed for at oprette designsider på produkter ved at trække og slippe elementer.
For at bygge dit eCommerce -websted med Avada.
For det første skal vi installere wooCommerce i Avada.
- Installation af WooCommerce - trin for trin instruktioner
- Sådan tildeles en butikside til dit websted
- Oprettelse af dine produkter
- Oprettelse af produkt Zoom Effect
- Justering af produktbilledstørrelsesindstillinger i WooCommerce.
Installation af WooCommerce - trin for trin instruktioner
Gå til Avada> Plugin s / Add-ons, og kig efter WooCommerce- plugin , som vist på skærmbilledet herunder.
Trin 1 - Installer WooCommerce plugin .
Trin 2 – Vælg 'Installer' fra rullemenuen.
plugin installeres og aktiveres automatisk.
Trin 3 – Derefter skal WooCommerce-opsætningsguiden vises. Hvis du importerer en af vores Woo-demoer, såsom Modern Shop eller Classic Shop, kan du springe dette trin over uden risiko for at miste dine data. For at springe videre skal du vælge 'Ikke lige nu' i rullemenuen. Hvis du ikke importerer en af vores Woo-demoer, så fortsæt til næste trin ved at klikke på 'Let's Go!' knappen for at starte opsætningsprocessen.
Trin 4 – Følg anvisningerne på skærmen og instruktionerne for at fuldføre processen og indtaste de nødvendige oplysninger om din butik. Ved at klikke på knappen 'Opret dit første produkt', når du er færdig, vil du være i stand til at fortsætte med at oprette dit første produkt. Alternativt kan du vende tilbage til dit WordPress Dashboard ved at klikke på linket under opsætningsvinduet.
Sådan tildeles en butikside til dit websted
Som en del af den normale WooCommerce -installationsproces skal installationsguiden startes, så du kan konfigurere din butik og tildele dine butiksider til kunder. Flere oplysninger om de sider, som installationsguiden opretter, findes i dette WooCommerce -dokument.
Alternativt, hvis installationsguiden ikke vises, eller hvis du af en eller anden grund annullerer den, kan du altid vende tilbage til installationsguiden ved at vælge Opsætningsguide i menuen Hjælp på en hvilken som helst WooCommerce -side, som findes øverst til venstre på siden vindue.
Du kan manuelt indstille butikssiden ved at gå til fanen Produkter i WooCommerce-indstillingerne – WooCommerce > Indstillinger > Produkter – og vælge den side, der vil være hovedbutikssiden, fra rullemenuen. WooCommerce vil derefter vise dine produkter på denne side som et resultat af din handling.
De resterende sider kan konfigureres i fanen Avanceret, som findes på WooCommerce > Indstillinger > Avanceret .
Oprettelse af dine produkter
Trin 1 – På din WordPress Admin-sidebjælke skal du navigere til fanen Produkter > Tilføj produkt.
Trin 2 – Indtast navnet på dit produkt øverst på siden.
Trin 3 – Udfyld indlægsindholdsfeltet med teksten fra produktbeskrivelsen. Alle produktoplysninger vil blive vist i dette afsnit.
Trin 4 – Udfyld feltet ' Produktdata ' med alle produktoplysningerne. For eksempel amp og forsendelse alle mulige muligheder.
Trin 5 – Indtast en kortfattet beskrivelse af dit produkt i feltet ' Kort beskrivelse af produktet', der vises ved siden af dine hovedbilleder.
Trin 6 – Det vigtigste billede skal placeres under boksen ' Produktbillede ' på højre side af siden; Dette skal udfyldes for hvert produkt.
Trin 7 – Tilføj flere billeder til boksen ' Produktgalleri ', hvis du vil bruge et galleri med billeder i stedet for et enkelt billede .
Trin 8 – I feltet ' Produktkategorier ' skal du indtaste de kategorier, der gælder for dine produkter . Udfyld derefter de tomme felter med de passende tags til dit produkt i boksen ' Produkttags ' .
Trin 9 – Når du har indtastet alle de nødvendige oplysninger, skal du klikke på knappen ' Udgiv ', og varen vises på din hovedbutiksside.
Oprettelse af produkt Zoom Effect
Hvis du bruger Avada Layouts, skal du sikre dig, at WooCommerce Product Images Zoom-indstillingen er aktiveret i Avada > Indstillinger > WooCommerce > Generelt WooCommerce > WooCommerce Product Images Zoom-indstilling , eller på fanen Woo Product Images Element Generelt > Produktbilleder Zoom , hvis du bruger WooCommerce-layouts.
WooCommerce Product Images Width – Din hovedbilledbredde (se indstillingen nedenfor) og den faktiske størrelse af det uploadede billede skal begge være større end indstillingen Avada > Options > WooCommerce > General WooCommerce > WooCommerce Product Images Width eller Product Images Max Width-indstillingen i Woo Product Images Element. Bredden af containerkolonnen for et enkelt produktgalleri vil blive bestemt af de indstillinger, du vælger. Når du har foretaget de nødvendige justeringer, er du klar til at indstille bredden af dit WooCommerce-hovedbillede.
WordPress Main Image Width – WooCommerce Main Image Width-indstillingen kan findes i Customizer på dit WordPress-websted. Fra WordPress-dashboardet skal du navigere til Udseende > Tilpas > WooCommerce > Produktbilleder , hvor du finder indstillingen Main Image Width; Dette vil bestemme den faktiske størrelse af billedet, der vises i galleriet.
Jo mere detaljeret din zoomeffekt vil være, jo større er den billedstørrelse, du har indstillet til dit billede. For at præcisere, hvis billedstørrelsen i WooCommerce -indstillingerne matcher billedbredden i Avadas globale muligheder, vil der ikke være nogen zoom, når musen svæver over billedet på siden. Derudover skal størrelsen på det faktiske billede, du uploader, være den samme som eller større end indstillingen Main Image Width på dit websteds design.
Sørg for, at du genopretter dine miniaturebilleder, efter at du har ændret WooCommerce -billedstørrelser; Dette vil anvende dine nye billedstørrelser på alle billeder, der allerede er uploadet til dit websted. Du kan bruge plugin Regenerate Thumbnails til at opnå dette.
Justering af produktbilledstørrelsesindstillinger i WooCommerce.
WooCommerce indeholder muligheder for at justere størrelsen på produktbilleder i butikkens katalog- og enkeltproduktbilleder. Derudover er der specifikke Avada -indstillinger, der fungerer sammen med de billedstørrelser, der bruges af din WooCommerce -butik. Når du konfigurerer disse billedstørrelsesindstillinger, er det vigtigt at huske, at også Avada's globale indstillinger skal overvejes. Vi vil gå over hver af disse muligheder mere detaljeret senere.
Antag, at de billeder, du uploader til dine produkter, er mindre ved kilden end de billedstørrelser, der er angivet i dine WooCommerce -indstillinger. I så fald vil du muligvis bemærke nogle visuelle layoutafvigelser på forsiden af dine websider; Dette er på ingen måde en fejl. Det er simpelthen fordi dine billeder var for små til, at WooCommerce -indstillingerne kunne påvirke dem. Du kan tænke på disse indstillinger som den maksimale bredde og højde for dine billeder med hensyn til billeddimensioner. Alt, der falder under den angivne grænse, ændres ikke.
Når du konfigurerer din butik, skal du sørge for, at både WooCommerce -billedstørrelsesindstillinger og den faktiske størrelse på dine billeder tages i betragtning. Sammenfattende skal dine billeder have samme størrelse som eller større end billedstørrelsesindstillingerne i din WooCommerce -butik.
Eventuelle ændringer af dine billedstørrelsesindstillinger kræver, at du genopretter dine miniaturebilleder, så de får virkning på billeder, der allerede er uploadet til dit websted. Derfor anbefales det stærkt at bruge plugin Regenerate Thumbnails. Derudover kan billedstørrelser justeres ved hjælp af nedenstående trin:
Trin 1 – I din administratorsidebjælke skal du navigere på fanen ' Udseende ' og derefter fanen ' Tilpas ' for at begynde at tilpasse dit websted.
Trin 2 – Naviger til fanen ' WooCommerce ' øverst på siden.
Trin 3 – Billedindstillingen for enkeltproduktbilleder kan findes under konfigurationsvinduets fane ' Produktbilleder ' .
Trin 4 – Når du uploader billeder til dine enkelte produktsider, skal du vælge hovedbilledbreddeindstillingen. Miniaturebredde er bredden af miniaturebillederne for dine produkter i kataloget. Udfyld de tomme felter med den ønskede breddeværdi.
Trin 5 – For at genskabe miniaturer, efter at du har ændret billedstørrelserne og gemt dem, skal du bruge plugin , som kan findes i Plugin 's sektion. plugin Regenerate Thumbnails og naviger derefter til WP Admin > Tools fanen, hvor du kan vælge at genskabe dine billedthumbnails og skabe de nye billedstørrelser.
