Inhoud, pagina's en media bewerken
Navigeer naar een winkelpagina, werk zichtbare inhoud of afbeeldingen bij en sla het resultaat op.
Invoerpad: Werkruimte → selecteer een winkel → Webwinkel → open de doelpagina van de winkel → Ontwerpmodus → selecteer een element
Wat deze gids behandelt
Open de exacte winkelpagina die u wilt wijzigen, bewerk één ondersteund tekst-, lay-out- of media-element en controleer het opgeslagen resultaat voordat u publiceert.
Waarom en wanneer u deze workflow gebruikt
Gebruik deze workflow voor verfijning op paginaniveau: corrigeer tekst, wijzig typografie, pas afstand aan, vervang een foto, genereer een alternatieve afbeelding of verwijder een onnodig element. Het houdt de doelpagina en het geselecteerde element duidelijk.
Voor wijzigingen in navigatiegedrag, productgegevens, checkout of meerdere pagina's tegelijk, stuurt u beter een regulier verzoek naar Runner in plaats van alleen op de visuele besturingselementen te vertrouwen.
Beschikbaarheid en vereisten
- Ontwerpmodus gebruiken beschrijft hoe u de editor opent, de vereiste desktopindeling en wanneer het besturingselement niet beschikbaar is.
- Sommige gegenereerde of dynamische elementen kunnen niet inline worden bewerkt. Runner toont minder besturingselementen voor deze elementen.
- AI-afbeeldingsgeneratie kan credits gebruiken. Runner toont de toepasselijke melding in het afbeeldingspaneel voordat u het uitvoert.
Open de pagina en editor
- Open uw project en selecteer Webwinkel.
- Selecteer in normale Preview winkelpagina's om de pagina te bereiken die u wilt wijzigen.
- Als u de route kent, selecteert u het padveld, voert u een pad op dezelfde site in, zoals
/about, en drukt u op Enter. - Bevestig dat de juiste pagina zichtbaar is.
- Selecteer Ontwerpmodus en selecteer vervolgens het doelelement.
Mediabesturingselementen
Ontwerpmodus gebruiken documenteert de gedeelde besturingselementen Vraag Runner AI, Spacing, Text, Delete Element, Undo, Redo en Opslaan. De onderstaande besturingselementen verschijnen alleen wanneer het geselecteerde element media ondersteunt.
| Besturingselement | Wat het wijzigt | Wat er gebeurt wanneer u het gebruikt |
|---|---|---|
| Image → Upload | Een geselecteerde afbeelding of ondersteunde achtergrondafbeelding. | Selecteer Afbeelding uploaden, kies een afbeeldingsbestand en Runner vervangt de geselecteerde media na succesvolle upload. De huidige limiet die door het product wordt weergegeven, is 5 MB per afbeelding. |
| Image → AI-generated | Een gegenereerde vervangingsafbeelding. | Voer een prompt in en selecteer Uitvoeren. Na het eerste resultaat vraagt Opnieuw uitvoeren om een ander resultaat en opent Geschiedenis resultaten van deze bewerkingssessie. |
| Geschiedenis | Gegenereerde afbeeldingen uit de huidige afbeeldingsbewerkingssessie. | Selecteer een item om het te inspecteren. Deze versie herstellen past die afbeelding en de prompt toe; het downloadpictogram downloadt een individueel resultaat. |
Bewerk één pagina veilig
- Noteer het huidige paginapad zodat u ernaar kunt terugkeren.
- Selecteer het element en controleer welke besturingselementen verschijnen. Besturingselementen variëren per element.
- Maak één wijziging tegelijk en gebruik vervolgens Undo, Redo of afbeelding Geschiedenis om het resultaat te vergelijken voordat u Opslaan selecteert.
- Wacht tot de gekozen opslag of Runner-verzoek is voltooid.
- Sluit Design Mode, open de pagina opnieuw en controleer deze in PC-, Tablet- en Telefoon-indelingen.
- Herhaal voor de volgende pagina alleen nadat de eerste pagina correct is.
Staten, limieten en probleemoplossing
| Wat u ziet | Betekenis | Wat u moet doen |
|---|---|---|
| Een geselecteerd element heeft slechts enkele besturingselementen | Runner stelt besturingselementen beschikbaar die door dat element worden ondersteund. | Gebruik het beschikbare besturingselement of vraag Runner in chat om een bredere wijziging. |
| Upload afgewezen | Het bestand ontbreekt, is geen afbeelding, overschrijdt de weergegeven limiet of de upload is mislukt. | Kies een ander afbeelding en probeer het opnieuw. |
| Genereren… | Runner maakt de aangevraagde afbeelding. | Houd het paneel open totdat het klaar is of een fout meldt. |
| Geschiedenis ontbreekt | Er bestaat nog geen AI-gegenereerde afbeelding in deze bewerkingssessie. | Genereer de eerste afbeelding of upload in plaats daarvan uw eigen. |
| De route wordt niet geopend | Het pad is ongeldig, extern of maakt geen deel uit van de preview. | Keer terug naar /, gebruik een zichtbare winkelpagina of vraag Runner om de pagina te maken of te repareren. |
| De opgeslagen pagina verschilt op mobiel | De bewerking heeft een responsieve lay-out beïnvloed. | Open Design Mode opnieuw of vraag Runner om een apparaatspecifieke correctie voordat u publiceert. |
Gerelateerde handleidingen
Gebruik ontwerpmodus
Selecteer winkelvoorelementen en gebruik de visuele bewerkingsbesturingselementen van Runner veilig.
Winkelfrontcode inspecteren en bewerken
Open de voorwaardelijke code-editor van Runner, sla een gerichte bestandswijziging op, controleer Git-wijzigingen en voorkom verlies van niet-opgeslagen werk.