Wprowadzenie identyfikatora Trusted Shops
W panelu administracyjnym należy wprowadzić identyfikator od Trusted Shops:
Proszę przejść w Ustawienia/ Ustawiania sklepu/ Trusted Shops/ wpisać identyfikator i kliknąć przycisk Przyłącz.
Następnie proszę podążać za poniższymi wskazówkami dotyczącymi właściwego szablonu.
Szafir
Kopiowanie skryptu od Trusted Shops
Należy otworzyć plik _layout.html, a następnie za pomocą narzędzia wyszukiwania proszę znaleźć frazę </head>. Powyżej znalezionej linijki proszę wkleić następujący kod, w którym wartość XXXXXXXXXXXXX należy zastąpić identyfikatorem od Trusted Shops:
Wygląd sklepu/ Ustawienia/ Więcej / Edytuj ustawienia zaawansowane ponownie Więcej
/ Edytuj HTML należy kliknąć w plik _layout.html.
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
<script type="text/javascript"> (function () { var _tsid = 'XXXXXXXXXXXXX'; _tsConfig = { <span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span>'yOffset': '60', /* offset from page bottom */<span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_end"></span><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_end"></span> 'variant': 'reviews', /* reviews, default, custom, custom_reviews */ 'customElementId': '', /* required for variants custom and custom_reviews */ 'trustcardDirection': '', /* for custom variants: topRight, topLeft, bottomRight, bottomLeft */ 'customBadgeWidth': '', /* for custom variants: 40 - 90 (in pixels) */ 'customBadgeHeight': '', /* for custom variants: 40 - 90 (in pixels) */ 'disableResponsive': 'false', /* deactivate responsive behaviour */ 'disableTrustbadge': 'false', /* deactivate trustbadge */ }; var _ts = document.createElement('script'); _ts.type = 'text/javascript'; _ts.charset = 'utf-8'; _ts.async = true; _ts.src = 'https://widgets.trustedshops.com/js/' + _tsid + '.js'; var __ts = document.getElementsByTagName('script')[0]; __ts.parentNode.insertBefore(_ts, __ts); })(); </script> <style> [id^="trustbadge-container"] { z-index: 10 !important; } </style> |
Wstawienie kodu
Pozostając w powyższym obszarze z plikami szablonu należy przejść do order/ lastpagesscripts.html i podmienić kod pliku na poniższy kod.
0 1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div id="trustedShopsCheckout" style="display: none;"> <span id="tsCheckoutOrderNr">{{cart.PlacedOrder.Id}}</span> <span id="tsCheckoutBuyerEmail">{{cart.Customer.Email}}</span> <span id="tsCheckoutBuyerId">-</span> <span id="tsCheckoutOrderAmount">{{cart.OrderTotalValue}}</span> <span id="tsCheckoutOrderCurrency">{{currency}}</span> <span id="tsCheckoutOrderPaymentType">OTHER</span> </div> <script> (function(){try{trustbadge.reInitialize();}catch(err){}})(); </script> |
Następnie należy zapisać i opublikować szablon ( Zapisz i opublikuj ).
Topaz
Dodawanie obsługi Trusted Shops
Należy otworzyć plik base_layout.html, a następnie za pomocą narzędzia wyszukiwania proszę znaleźć frazę </body>. Jest to przedostatnia linijka w pliku. Powyżej znalezionej linijki proszę wkleić następujący kod, w którym wartość XXXXXXXXXXXXX należy zastąpić identyfikatorem od Trusted Shops:
Wygląd sklepu/ Ustawienia/ Więcej / Edytuj ustawienia zaawansowane ponownie Więcej
/ Edytuj HTML należy kliknąć w plik base_layout.html.
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 |
<script type="text/javascript"> (function () { var _tsid = 'XXXXXXXXXXXXX'; _tsConfig = { 'yOffset': '0', /* offset from page bottom */ 'variant': 'custom_reviews', /* reviews, default, custom, custom_reviews */ 'customElementId': 'customTrustbadge', /* required for variants custom and custom_reviews */ 'trustcardDirection': 'bottomLeft', /* for custom variants: topRight, topLeft, bottomRight, bottomLeft */ 'customBadgeWidth': '', /* for custom variants: 40 - 90 (in pixels) */ 'customBadgeHeight': '', /* for custom variants: 40 - 90 (in pixels) */ 'disableResponsive': 'false', /* deactivate responsive behaviour */ 'responsive': {'variant': 'custom_reviews', 'customElementId': 'mobileCustomTrustbadge'}, 'disableTrustbadge': 'false', /* deactivate trustbadge */ }; var _ts = document.createElement('script'); _ts.type = 'text/javascript'; _ts.charset = 'utf-8'; _ts.async = true; _ts.src = 'https://widgets.trustedshops.com/js/' + _tsid + '.js'; var __ts = document.getElementsByTagName('script')[0]; __ts.parentNode.insertBefore(_ts, __ts); })(); </script> <style> #customTrustbadge { position: fixed; bottom: 10px; left: 10px; } #mobileCustomTrustbadge { position: fixed; bottom: 60px; left: 10px; } </style> |
Wstawienie kodu do obsługi gwarancji oraz ocen sklepu
Pozostając w powyższym obszarze z plikami szablonu należy przejść do partials/ cart/ lastpagesscripts.html i podmienić kod pliku na poniższy kod.
0 1 2 3 4 5 6 7 |
<div id="trustedShopsCheckout" style="display: none;"><span id="tsCheckoutOrderNr">{{cart.PlacedOrder.Id}}</span> <span id="tsCheckoutBuyerEmail">{{cart.Customer.Email}}</span> <span id="tsCheckoutOrderAmount">{{cart.OrderTotalValue}}</span> <span id="tsCheckoutOrderCurrency">{{currency}}</span> <span id="tsCheckoutOrderPaymentType">OTHER</span> <span id="tsCheckoutOrderEstDeliveryDate">{{cart.Date}}</span> {% for prod in cart.PlacedOrder.Products-%} <span class="tsCheckoutProductItem"> <span class="tsCheckoutProductUrl">{{config.Url}}{{prod.Url}}</span> <span class="tsCheckoutProductImageUrl">{{config.Url}}{{prod.Image.Id}}/{{prod.Image.Link}}</span> <span class="tsCheckoutProductName">{{prod.NameNoHtml}}</span> <span class="tsCheckoutProductSKU">{{prod.Code}}</span> </span> {% endfor-%}</div> <script> (function(){console.log(trustbadge);try{trustbadge.reInitialize();}catch(err){}})(); </script> |
Wstawienie kodu do obsługi ocen produktu
Proszę przejść do elements/ product/ product-details-1.html (lub elements/ product/ product-details-2.html w zależności jaką wersję tego elementu wybrano przy tworzeniu strony w Kreatorze Szablonu). Za pomocą narzędzia wyszukiwania proszę znaleźć frazę {% if noPrices == false and product.UnitPriceUnit != null -%}. Powyżej wyszukanej linijki proszę wkleić następujący kod, w którym wartość XXXXXXXXXXXXX należy zastąpić identyfikatorem od Trusted Shops:
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<div id="trustedShopsRating"></div> <script type="text/javascript" src="//widgets.trustedshops.com/reviews/tsSticker/tsProductStickerSummary.js"></script> <script> var summaryBadge = new productStickerSummary(); summaryBadge.showSummary( { 'tsId': 'XXXXXXXXXXXXX', 'sku': ['{{product.Code}}'], 'element': '#trustedShopsRating', 'starColor' : '#FFDC0F', 'starSize' : '14px', 'fontSize' : '12px', 'showRating' : 'true', 'scrollToReviews' : 'false' , 'enablePlaceholder' : 'false', } ); </script> |
Pozostawiając otwarty ten sam plik, za pomocą narzędzia wyszukiwania proszę znaleźć frazę {% if customer.HidePrices == false and product.Price != null and product.Price != „” -%}. Powyżej wyszukanej linijki proszę wkleić następujący kod, w którym wartość XXXXXXXXXXXXX należy zastąpić identyfikatorem od Trusted Shops:
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<pre class="lang:ruby decode:true"><script type="text/javascript"> _tsProductReviewsConfig = { tsid: 'XXXXXXXXXXXXX', sku: ['{{product.Code}}'], variant: 'productreviews', /* optional */ borderColor: '#0DBEDC', backgroundColor: '#ffffff', locale: 'pl_PL', starColor: '#FFDC0F', commentBorderColor: '#dad9d5', commentHideArrow: 'false', richSnippets: 'on', starSize: '15px', ratingSummary: 'false', maxHeight: '1200px', hideEmptySticker: 'false', filter: 'true', introtext: 'What our customers say about us:' }; var scripts = document.getElementsByTagName('SCRIPT'), me = scripts[scripts.length - 1]; var _ts = document.createElement('SCRIPT'); _ts.type = 'text/javascript'; _ts.async = true; _ts.charset = 'utf-8'; _ts.src ='//widgets.trustedshops.com/reviews/tsSticker/tsProductSticker.js'; me.parentNode.insertBefore(_ts, me); _tsProductReviewsConfig.script = _ts; </script> </pre> |
Następnie należy zapisać i opublikować szablon ( Zapisz i opublikuj ).
Agat
Kopiowanie skryptu od Trusted Shops
Należy otworzyć plik _layout.html, a następnie za pomocą narzędzia wyszukiwania proszę znaleźć frazę </head>. Powyżej znalezionej linijki proszę wkleić następujący kod, w którym wartość XXXXXXXXXXXXX należy zastąpić identyfikatorem od Trusted Shops:
Wygląd sklepu/ Ustawienia/ Więcej / Edytuj ustawienia zaawansowane ponownie Więcej
/ Edytuj HTML należy kliknąć w plik _layout.html.
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
<script type="text/javascript"> (function () { var _tsid = 'XXXXXXXXXXXXX'; _tsConfig = { 'yOffset': '', /* offset from page bottom */ 'variant': 'reviews', /* reviews, default, custom, custom_reviews */ 'customElementId': '', /* required for variants custom and custom_reviews */ 'trustcardDirection': '', /* for custom variants: topRight, topLeft, bottomRight, bottomLeft */ 'customBadgeWidth': '', /* for custom variants: 40 - 90 (in pixels) */ 'customBadgeHeight': '', /* for custom variants: 40 - 90 (in pixels) */ 'disableResponsive': 'false', /* deactivate responsive behaviour */ 'disableTrustbadge': 'false', /* deactivate trustbadge */ }; var _ts = document.createElement('script'); _ts.type = 'text/javascript'; _ts.charset = 'utf-8'; _ts.async = true; _ts.src = 'https://widgets.trustedshops.com/js/' + _tsid + '.js'; var __ts = document.getElementsByTagName('script')[0]; __ts.parentNode.insertBefore(_ts, __ts); })(); </script> <style> [id^="trustbadge-container"] { z-index: 10 !important; } </style> |
Wstawienie kodu
Pozostając w powyższym obszarze z plikami szablonu należy przejść do partials/ cart/ lastpagesscripts.html i podmienić kod pliku na poniższy kod.
0 1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div id="trustedShopsCheckout" style="display: none;"> <span id="tsCheckoutOrderNr">{{cart.PlacedOrder.Id}}</span> <span id="tsCheckoutBuyerEmail">{{cart.Customer.Email}}</span> <span id="tsCheckoutBuyerId">-</span> <span id="tsCheckoutOrderAmount">{{cart.OrderTotalValue}}</span> <span id="tsCheckoutOrderCurrency">{{currency}}</span> <span id="tsCheckoutOrderPaymentType">OTHER</span> </div> <script> (function(){try{trustbadge.reInitialize();}catch(err){}})(); </script> |
Następnie należy zapisać i opublikować szablon ( Zapisz i opublikuj ).
Opal i Bursztyn
Kopiowanie skryptu od Trusted Shops
Należy otworzyć plik _layout.html, a następnie za pomocą narzędzia wyszukiwania proszę znaleźć frazę </head>. Powyżej znalezionej linijki proszę wkleić następujący kod, w którym wartość XXXXXXXXXXXXX należy zastąpić identyfikatorem od Trusted Shops:
Wygląd sklepu/ Ustawienia/ Więcej / Edytuj ustawienia zaawansowane ponownie Więcej
/ Edytuj HTML należy kliknąć w plik _layout.html.
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
<script type="text/javascript"> (function () { var _tsid = 'XXXXXXXXXXXXX'; _tsConfig = { 'yOffset': '', /* offset from page bottom */ 'variant': 'reviews', /* reviews, default, custom, custom_reviews */ 'customElementId': '', /* required for variants custom and custom_reviews */ 'trustcardDirection': '', /* for custom variants: topRight, topLeft, bottomRight, bottomLeft */ 'customBadgeWidth': '', /* for custom variants: 40 - 90 (in pixels) */ 'customBadgeHeight': '', /* for custom variants: 40 - 90 (in pixels) */ 'disableResponsive': 'false', /* deactivate responsive behaviour */ 'disableTrustbadge': 'false', /* deactivate trustbadge */ }; var _ts = document.createElement('script'); _ts.type = 'text/javascript'; _ts.charset = 'utf-8'; _ts.async = true; _ts.src = 'https://widgets.trustedshops.com/js/' + _tsid + '.js'; var __ts = document.getElementsByTagName('script')[0]; __ts.parentNode.insertBefore(_ts, __ts); })(); </script> <style> [id^="trustbadge-container"] { z-index: 49 !important; } </style> |
Wstawienie kodu
Pozostając w powyższym obszarze z plikami szablonu należy przejść do order/ lastpagesscripts.html i podmienić kod pliku na poniższy kod.
0 1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div id="trustedShopsCheckout" style="display: none;"> <span id="tsCheckoutOrderNr">{{cart.PlacedOrder.Id}}</span> <span id="tsCheckoutBuyerEmail">{{cart.Customer.Email}}</span> <span id="tsCheckoutBuyerId">-</span> <span id="tsCheckoutOrderAmount">{{cart.OrderTotalValue}}</span> <span id="tsCheckoutOrderCurrency">{{currency}}</span> <span id="tsCheckoutOrderPaymentType">OTHER</span> </div> <script> (function(){try{trustbadge.reInitialize();}catch(err){}})(); </script> |
Następnie należy zapisać i opublikować szablon ( Zapisz i opublikuj ).
Więcej informacji o Trusted Shops w artykule Trusted Shops