Shopware aangepaste producten weergeven onder variantenselectie

Een groot probleem met de Shopware Custom Products plugin is dat je niet kunt instellen of de variant selectie boven of onder de custom producten opties moet verschijnen.

Het is vaak logischer voor de gebruikersstroom om eerst een productvariant te selecteren en dan de extra's of aanpassingen te maken. De benodigde aanpassingen zijn ook zeer beperkt, dus we geven je hier graag een korte handleiding:

Leestijd 3 min

AANPASSINGEN IN HET THEMA

Je moet twee sjabloonbestanden overschrijven in je thema: frontend/detail/data.tpl en frontend/detail/content/buy_container.tpl

Als de bestanden nog niet bestaan in je thema, maak ze dan aan.

Zorg er dan voor dat het juiste sjabloonbestand helemaal aan het begin wordt uitgebreid (bijvoorbeeld {extends file='parent:frontend/detail/data.tpl'} ).

Nu is het tijd om aan de slag te gaan: Voeg het volgende blok toe aan data.tpl:

{* Custom products frontend hook *}
{block name="frontend_detail_data_swagcustomproducts"}
{* Aangepaste producten worden elders weergegeven -- zie detail/content/buy_container *} {/block}
{/block}

Zoals al vermeld in het commentaar, overschrijven we hier een blok van de Custom Products plugin om te voorkomen dat de aangepaste producten opties worden weergegeven waar het eigenlijk gebeurt - namelijk boven de varianten.

Vervolgens moeten we ze op de juiste plaats zetten. Om dit te doen, voegen we het volgende blok in buy_container.tpl in:

{* Laat aangepaste producten zien na varianten maar voor hoeveelheidvak *}
{block name="frontend_detail_index_buybox"}
{if !$customProductsIsEmotionAdvancedQuickView}
{include file="frontend/swag_custom_products/detail/wrapper.tpl"}
{/if}
{$smarty.block.parent}
{/block}

Sla nu alles op, wis de template cache en je zou het gewenste resultaat moeten zien op de corresponderende productpagina's!

Basis voor het maken van een Shopware thema

Om een Shopware thema te maken, heeft u eerst een Shopware shop nodig en een server waarop Shopware 5 (of zelfs Shopware 6) is geïnstalleerd. Als u eerst lokaal aan uw thema wilt werken, neem dan de MAMP server omgeving. Shopware 5 heeft al een kaal thema, dat belangrijke bestanden bevat die worden gebruikt als basis voor elk thema - dit kan worden gevonden in de thema's map. Als je een nieuw thema wilt maken, ga dan naar de Theme Manager in de Shopware backend. Ga nu naar Thema aanmaken en vul alle velden in zoals naam, korte beschrijving, licentie en auteur en sla het geheel op. Je kunt het thema toewijzen aan een shop met de opdracht Toewijzen.

De eerste stap in het maken van je thema is nu voltooid. Als u meer informatie wilt over het maken van een webwinkel met Shopware, bezoek dan onze website. Mocht u nog vragen hebben, dan staan wij van EXWE, als professioneel Shopware bureau, natuurlijk voor u klaar en bieden wij u ondersteuning vanaf het maken van de online shop tot en met de maandelijkse support & monitoring. Neem gerust contact met ons op!