Woo: Garagesalg

Testshop

Reversed Engineering

—

by

Per Jensen
in

Hvordan du kan udvikle en Figma-prototype ved at undersøge mulighederne i WP.

Blokke i Woocommerce

Der findes et meget stort antal blocks i Woocommerce. Denne artikel viser de fleste. Der findes desuden mange plugins og patterns, der giver yderligere muligheder.

Når du skal udvikle et design i WP, så kan “reversed engineering” være en rigtig god ide. Før du designer noget, så må du vide, hvordan de enkelte blocks ser ud og hvilke indstillingsmuligheder der er i dit theme – herunder hvor custom HTML / CSS kan blive nødvendig.

Øvelse

Lav en side, der simpelt hen lister de enkelte blocks, sådan som de ser ud i dit theme.

  1. Lav en side med samtlige blocks, som du får brug for i dit design.
  2. Inddel dine designs i groups.
  3. Gem disse groups som genbrugelige patterns.

Dette er ikke en layout-opgave; men derimod en opgave, der handler om at finde ud, hvordan de enkelte blocks ser ud, således at du kan genskabe dem i Figma.

Reversed engineering handler om at arbejde ud fra det som er kendt. Det er lidt som at designe med Lego-klodser, der jo har en forud defineret form.

Eksempel

Herunder er et eksempel på en liste, der kan bruges til Figma reversed engineering.

Søgning

Håndplukkede varer

Minikurv

Blokgrupper fra Woocommerce

Pladsholderbillede der skal repræsentere en vare, der bliver vist i en hero-sektion. 1 ud af 2.

The Fall Collection

With high-quality materials and expert craftsmanship, our products are built to last and exceed your expectations.

Shop now
Quality Materials

We use only the highest-quality materials in our products, ensuring that they look great and last for years to come.

Expert Craftsmanship

Our products are made with expert craftsmanship and attention to detail, ensuring that every stitch and seam is perfect.

Unique Design

From bold prints and colors to intricate details and textures, our products are a perfect combination of style and function.

Customer Satisfaction

Our top priority is customer satisfaction, and we stand behind our products 100%.

Pladsholderbillede der skal repræsentere en vare, der bliver vist i en hero-sektion. 2 ud af 2.

Dine blokgrupper

Du kunne måske være interesseret i…

Din kurv er lige nu tom!

Gennemse webshop

Ny i webshop

Etc. etc.

Fortsæt ind til du har et passende antal varer. Se evt. hvordan templates, som shop / butik opgygger groups og patterns, når varer præsenteres.

Comments

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *