Denne side blev udskrevet kl. Apr 24, 2024. Besøg https://help.shopify.com/da/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/show-recommendations for at se den aktuelle version.
Denne vejledning beskriver, hvordan du kan føje produktanbefalinger til produktsiderne i dit Debut-tema. Du kan få mere at vide om, hvordan produktanbefalinger fungerer, under Viser produktanbefalinger på produktsider.
Gå til Webshop > Temaer i din Shopify-administrator.
Find det tema, du vil redigere, og klik på knappen … for at åbne handlingsmenuen. Klik derefter på Rediger kode.
Klik på Opret et nyt afsnit i mappen Afsnit.
Navngiv det nye product-recommendations-afsnit, og klik på Opret afsnit.
Erstat alt indholdet med nedenstående kode:
Klik på Gem.
Når afsnittet gengives med produktsiden, vil recommendations.performed være false. Dette medfører, at den generede HTML vil vise en indlæsningsanimation:
Hvis du ikke vil vise en indlæsningsanimation, skal du bruge denne kode i stedet:
Når ovenstående afsnit gengives sammen med din produktside, vil den generede HTML være et div-element uden indhold:
Hvis brugeren anvender en alternativ landestandard, inkluderes landestandarden i div'ens data-base-url. For eksempel: /fr/recommendations/products.
Find det tema, du vil redigere, og klik på knappen … for at åbne handlingsmenuen. Klik derefter på Rediger kode.
Klik på Opret et nyt afsnit i mappen Afsnit.
Navngiv det nye product-recommendations-afsnit, og klik på Opret afsnit.
Erstat alt indholdet med nedenstående kode:
Klik på Gem.
Når afsnittet gengives med produktsiden, vil recommendations.performed være false. Dette medfører, at den generede HTML vil vise en indlæsningsanimation:
Hvis du ikke vil vise en indlæsningsanimation, skal du bruge denne kode i stedet:
Når ovenstående afsnit gengives sammen med din produktside, vil den generede HTML være et div-element uden indhold:
Hvis brugeren anvender en alternativ landestandard, inkluderes landestandarden i div'ens data-base-url. For eksempel: /fr/recommendations/products.
Find det tema, du vil redigere, og klik på knappen … for at åbne handlingsmenuen. Klik derefter på Rediger kode.
Klik på Opret et nyt afsnit i mappen Afsnit.
Navngiv det nye product-recommendations-afsnit, og klik på Opret afsnit.
Erstat alt indholdet med nedenstående kode:
Klik på Gem.
Når afsnittet gengives med produktsiden, vil recommendations.performed være false. Dette medfører, at den generede HTML vil vise en indlæsningsanimation:
Hvis du ikke vil vise en indlæsningsanimation, skal du bruge denne kode i stedet:
Når ovenstående afsnit gengives sammen med din produktside, vil den generede HTML være et div-element uden indhold:
Hvis brugeren anvender en alternativ landestandard, inkluderes landestandarden i div'ens data-base-url. For eksempel: /fr/recommendations/products.
Trin 2: Medtag afsnittet i din product.liquid-skabelon
Hvis du vil vise produktanbefalinger nederst på produktsiden, skal du medtage afsnittet i bunden af templates/product.liquid-filen:
Åbn filen product.liquid i mappen Skabeloner.
Tilføj følgende kode nederst i filen:
Klik på Gem.
Trin 3: Rediger din theme.js-fil for at indlæse anbefalingerne asynkront
Du skal indlæse anbefalingerne i den tomme container, som dette afsnit har oprettet på produktsiden. Brug JavaScript til at lave en HTTP GET-anmodning til <base_url>?section_id=<section_id>&product_id=<product_id>.
Åbn filen theme.js i mappen Aktiver.
Find denne kodelinje:
Tilføj denne kode under linjen:
Tilføj følgende kode nederst i filen:
Klik på Gem.
Trin 4: Rediger din theme.scss.liquid-fil for at oprette indlæsningsanimationen (valgfrit)
Hvis du brugte det kodestykke, der viser en indlæsningsanimation i dit afsnit med produktanbefalinger, skal du tilføje følgende kode i bunden af din assets/theme.scss.liquid-fil: