Produktbildswidgeten hjälper dig att anpassa produktbilder. Du kan anpassa olika saker som ikoner, flash-reamärken, bilder etc. Denna ytterligare anpassning kan omvandla din tråkiga webbplats till en engagerande webbplats. Nu blir det lättare att bygga en engagerande webbplats med produktbildswidgeten från ShopEngine.
Varför använda produktbildswidgeten? #
ShopEngines produktbildswidget är till stor hjälp för att skapa mer interaktion med dina kunder. Här är de ultimata anledningarna till att använda denna widget:
- Det hjälper dig att öka konverteringsfrekvensen.
- Du kan öka din webbplats engagemang genom att lägga till flash-reamärken.
- Webbplatsen kommer att vara mer tilltalande för dina kunder.
- Anpassning blir enklare med den här widgeten.
Steg för att använda produktbildswidgeten: #
Följ stegen nedan för att använda denna widget:
Steg 1: Skapa en ny mall. #
Lägg först till en mall på en sida. Läs dokumentationen för skapa en mall på en sida för att lägga till det.
Steg 2: Redigera mallen med Elementor. #
I det här steget måste du klicka på knappen Redigera med Elementor.
![Redigera mall för produktbild](https://wpmet.com/wp-content/uploads/2021/09/edit_template_product_image.png)
Lägg sedan till ett nytt avsnitt härifrån.
![Lägg till sektion för produktbildswidget](https://wpmet.com/wp-content/uploads/2021/09/add_section_for_product_image.png)
Sök nu efter widgeten i sökwidgetfältet och dra och släpp widgeten i avsnittet.
![Lägg till produktbildswidget](https://wpmet.com/wp-content/uploads/2021/09/add_product_image_widget.png)
Steg 3: Redigera innehållet i widgeten. #
Infoga här ikonen för produktens ljuslåda. Efter det, dölj eller visa blixtförsäljningsmärket enligt ditt behov.
![Innehållsredigering av produktbildswidget](https://wpmet.com/wp-content/uploads/2021/09/edit_content_of_product_image.png)
Steg 4: Ändra stilen på widgeten. #
I det här steget anpassar du följande alternativ:
- Kantradie: välj kantradie för din bild.
- Galleriminiatyr:
- Kolumn: infoga antalet kolumner du vill visa i galleriet.
- Kanttyp: Välj kanttyp för din bild.
- Bredd: välj bredd här.
- Gräns färg: Välj en färg för din bård.
- Kantradie: Sätt in radie härifrån.
- Rå gap: Du kan anpassa radavståndet härifrån.
- Kolumngap: Anpassa kolumnavståndet efter dina behov.
- Marginal överst: Du kan öka eller minska den övre marginalen härifrån.
![Stilredigering av bilden](https://wpmet.com/wp-content/uploads/2021/09/edit_style_of_product_image.png)
- Ljusbordszoomikon: Du måste anpassa följande fält:
- Ikonfärg: Välj färg för din ikon.
- Ikon kant-färg: Behöver välja en färg för ikonkanten.
- Ikonens bakgrundsfärg: Välj en ikonbakgrundsfärg.
- Storlek: Anpassa storleken på ljuslådans zoomikon.
- Omslagsstorlek: Du kan öka eller minska storleken på omslaget.
- Kantradie: Infoga kantradien här du behöver.
- Placera: Du kan ställa in ljuslådans zoomikon på vänster eller höger sida.
![ikonredigering av produktbild](https://wpmet.com/wp-content/uploads/2021/09/edit_icon_of_product_image.png)
Flash försäljningsmärke: Redigera detta märke som om du har redigerat ljusbordszoomikonen. Du måste anpassa dessa fält:
- Färg.
- Bakgrundsfärg.
- Typografi.
- Fast höjd bredd.
- Höjd.
- Bredd.
- Gränsradie.
- Placera.
Notera: Du kan också göra avancerad anpassning för varje widget.
![Rea-bricka redigering av produktbild](https://wpmet.com/wp-content/uploads/2021/09/edit_flash_sale_image.png)
Tryck slutligen på knappen uppdatera eller publicera.
![Uppdatera produktbild](https://wpmet.com/wp-content/uploads/2021/09/update_product_image.png)
Nu, efter anpassningen, här är resultatet:
![Produktbildswidgetens slutliga utseende](https://wpmet.com/wp-content/uploads/2021/09/final_product_image.png)