Anpassa
När du installerar modulen Produktrekommendationer skapar Adobe Commerce katalogen ProductRecommendationsLayout. Den här katalogen innehåller mallfiler som du kan anpassa för att ändra hur rekommendationerna visas i din butik. Du kan ändra eller åsidosätta följande mall:
<your theme>/Magento_ProductRecommendationsLayout/web/template/recommendations.html
Mer information om hur du ändrar mallfiler finns i Mallanpassning i Utvecklarhandbok för Edge.
Om du ändrar filen recommendations.html måste du bevara följande taggar i filen för att vara säker på att Adobe Commerce kan samla in rekommendationsmått från din butik:
<div data-bind="attr : {'data-unit-id' : unitId }"...</div><a data-bind="attr : {'data-sku' : sku, 'data-unit-id'}"...</a>Obs! Om du lägger till ankartaggar måste du ta med dessa attribut.
Förutom filen recommendations.html innehåller katalogen ProductRecommendationsLayout följande underkataloger:
layout*.xml filer för varje sidtyptemplatesweb/jsweb/templatemagento/product-recommendationsPlacering av rekommendationsenhet
När du skapar en rekommendation anger du platsen där den ska visas på sidan. En rekommendationsenhet kan placeras antingen högst upp eller längst ned i behållaren med huvudinnehåll. Du kan dock anpassa placeringen. Om du skapar en innehållstyp för en rekommendation i Page Builder använder du verktygen i Page Builder för att placera rekommendationsenheten på sidan. För alla andra sidtyper redigerar du de *.xml-filer som genereras när rekommendationen skapas.
-
Ändra till katalogen
layout:code language-bash cd `<your theme>/Magento_ProductRecommendationsLayout/layout`I följande tabell visas de XML-filer som finns i den här katalogen:
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 Filnamn Sida catalog_category_view.xmlKategori catalog_product_view.xmlProduktinformation checkout_cart_index.xmlKundvagn checkout_onepage_success.xmlUtcheckning cms_index_index.xmlStartsida note note NOTE Filnamnen i katalogen layoutkan vara annorlunda om ditt arkiv använder tillägg från tredje part. -
Ändra filen
catalog_product_view.xmlså att rekommendationsenheten visas efter produktbilden på produktinformationssidan. Innan du anpassar XML-filen bör du ta en titt på filen och förstå vilka avsnitt du behöver ändra:code language-xml <?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <referenceBlock name="page.wrapper"> <block class="Magento\Framework\View\Element\Template" before="-" name="product_recommendations_fetcher" template="Magento_ProductRecommendationsStorefront::fetcher.phtml" /> </referenceBlock> <body> <referenceBlock name="main.content"> <block class="Magento\ProductRecommendationsStorefront\Block\Renderer" after="-" name="product_recommendations_product_below_content" template="Magento_ProductRecommendationsStorefront::renderer.phtml"> <arguments> <argument name="pagePlacement" xsi:type="string">below-main-content</argument> </arguments> </block> </referenceBlock> </body> </page>I ovanstående kodutdrag anger referensblocket
main.contentatt rekommendationsenheten kommer att placeras någonstans i förhållande till det elementet. Dessblock-element innehåller attributetafter="-"som anger att rekommendationsenheten ska visas på sidan efter huvudinnehållsblocket. -
Låt oss ändra den här filen genom att ange ett annat innehållsblock.
Ändra referensblocket
namefrånmain.contenttillproduct.info.media.code language-xml <?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <referenceBlock name="page.wrapper"> <block class="Magento\Framework\View\Element\Template" before="-" name="product_recommendations_fetcher" template="Magento_ProductRecommendationsStorefront::fetcher.phtml" /> </referenceBlock> <body> <referenceBlock name="product.info.media"> <block class="Magento\ProductRecommendationsStorefront\Block\Renderer" after="-" name="product_recommendations_product_below_content" template="Magento_ProductRecommendationsStorefront::renderer.phtml"> <arguments> <argument name="pagePlacement" xsi:type="string">below-main-content</argument> </arguments> </block> </referenceBlock> </body> </page>Ändringen resulterar i att din rekommendationsenhet visas efter produktbilden på produktinformationssidan. Om du vill att rekommendationsenheten ska visas före
product.info.mediaändrar du attributetafter="-"tillbefore="-". ArgumentetpagePlacementär ett internt argument som inte ska ändras.
Mer information om de olika blocktyperna på sidan finns i layoutöversikt.
Anpassade produktattribut
Utvecklare behöver ofta tillgång till anpassade produktattributvärden i rekommendationsenheter på butiker så att de kan lägga till visuella behandlingar till produkter som baseras på dessa attribut.
Om din butik till exempel säljer vissa ekologiska produkter kan du ha ett anpassat attribut för de produkter som anger dem som Organic = Yes. Du kan behöva ha tillgång till det här attributvärdet i butiken så att du kan ge dessa produkter visuell specialbehandling när de visas i Rekommendationer. På samma sätt kan du använda dessa anpassade produktattributvärden för att märka produkter eller skapa egna logiska effekter i presentationsskiktet på webbplatsen.
Om du vill vara säker på att ett anpassat produktattribut är tillgängligt när du återger rekommendationsenheten på sidan anger du egenskapen Used in Product Listing till Yes på sidan Produktattribut i Admin.
När den här egenskapen anges innehåller JSON-nyttolasten ett attributes-objekt som innehåller en array med attributkoder och värden. Du kan sedan använda en anpassad storefront-formatering som baseras på dessa attributvärden, som att lägga till speciella visuella behandlingar eller emblem som nämns ovan.