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.
- Lav en side med samtlige blocks, som du får brug for i dit design.
- Inddel dine designs i groups.
- 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
The Fall Collection
With high-quality materials and expert craftsmanship, our products are built to last and exceed your expectations.
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%.
Dine blokgrupper
Du kunne måske være interesseret i…
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.
Leave a Reply