Dodanie konfigurowalności strony głównej w szablonie Szafir W tym artykule dowiesz się jak zmodyfikować szablon Szafir, aby strona główna była konfigurowalna. Krok 1. W panelu administracyjnym przejdź do sekcji Wygląd sklepu/Ustawienia. Następnie, mając wybrany szablon Szafir, w prawym górnym rogu wybierz więcej, po czym przejdź do Edytuj ustawienia zaawansowane/więcej/edytuj HTML. […]
Obsługa akcji Product/DeliveryCostGet
Obsługa akcji Product/DeliveryCostGet W tym artykule dowiesz się jak zmodyfikować swój szablon, aby obsłużyć akcję Product/DeliveryCostGet, w zamian za pole o nazwie DeliveryCost na obiekcie ze szczegółami towarów. Dla kogo przeznaczona jest poniższa instrukcja i kiedy warto z niej skorzystać? Akcja Product/DeliveryCostGet informuje o minimalnych kosztach dostawy dla wybranego towaru. […]
Automatyczne ustawienie języka szablonu w oparciu o język przeglądarki
Automatyczne ustawienie języka szablonu w oparciu o język przeglądarki W tym artykule dowiesz się jak zmodyfikować dowolny szablon, aby po wejściu do sklepu ustawiał się język wybrany w przeglądarce internetowej. Funkcja ta działa tylko dla sklepów wielojęzycznych. Jeśli posiadasz taki sklep, to w pliku __layout.html, na samym końcu sekcji head […]
Zmiana czcionki w szablonie
Zmiana czcionki w szablonie W tym artykule dowiesz się, jak w łatwy sposób zmienić czcionkę w szablonie. Wybór czcionki Wejdź tutaj i wybierz czcionkę, która Ci najbardziej odpowiada. Następnie kliknij w kafelek odpowiadający danej czcionce. Na potrzeby tego artykułu wybierzemy czcionkę Roboto. Następnie wybierz style, które Cię interesują. Po wybraniu […]
Kompilacja i minifikacja plików
Kompilacja i minifikacja plików W standardowych szablonach style napisane są za pomocą preprocesora języka CSS jakim jest Sass. W efekcie style są umieszczane w plikach .scss. Niestety, przeglądarki nie potrafią ich odczytać, dlatego należy je przekompilować do plików .css, które już mogą zostać przez nie zidentyfikowane. Minifikacja plików to inaczej […]
Umieszczenie przycisków iLeasing oraz iRaty na szczegółach towaru
Umieszczenie przycisków iLeasing oraz iRaty na szczegółach towaru W tym artykule dowiesz się, jak w łatwy sposób dodać przyciski iLeasing oraz iRaty na szczegółach towaru w e-Sklepie. 1. Szafir W pliku product/product-presentation-data.html wyszukaj frazę {% if canBuy -%}, gdzie znajduje się przycisk dodawania do koszyka. Bezpośrednio pod tą linijką wklej kod: […]
Obsługa Facebook Pixel w szablonach
Facebook Pixel w szablonach W tym artykule dowiesz się jak zmodyfikować swój szablon, aby obsłużyć działanie narzędzia Facebook Pixel. Szafir Na początku pliku _layout.html znajduje się element head. W tym elemencie na samym końcu wklej poniższy kod:
0 1 2 3 4 5 6 7 8 |
{{ globalSettings.FbPixel.Script }} {% if order.OrderStep != 'ThankYou' -%} <script> var fbDL={{ page.FbDL }}; !function(){var e;while(e=fbDL.pop())fbq.push(e);}(); </script> {% endif -%} |
Następnie w pliku order/thx.html, na końcu głównego kontenera wklej poniższy kod:
0 1 2 3 4 5 6 7 |
<script> !function(){ var fbDLC={{ page.FbDL }}; fbDLC.forEach(function(z){fbq.push(z);}); }(); </script> |
[…]
Umieszczenie przycisku Leasing Grenke na szczegółach towaru
Umieszczenie przycisku Leasing Grenke na szczegółach towaru W tym artykule dowiesz się, jak w łatwy sposób dodać przycisk Leasing Grenke na szczegółach towaru w e-Sklepie. 1. Szafir Wchodzimy w zakładkę Wygląd sklepu/ Ustawienia/ Edytuj ustawienia zaawansowane/ Edytuj HTML / product/ product-presentation-data.html wyszukaj frazę w kodzie(CTRL+F) {% if canBuy -%}, gdzie […]
Obsługa nowych zestawów
Obsługa nowych zestawów Z tego artykułu dowiesz się jak dodać w szablonie obsługę nowych zestawów. Szafir W pliku product/product-presentation-data.html znajdź frazę {% if product.Sets != null and product.Sets != empty -%}. Powinna występować 3 razy. W każdym z nich zmień Sets na SetsExt. Następnie będąc przy ostatnim wystąpieniu tej frazy […]
Obsługa załączników na formularzu kontaktowym
Obsługa załączników na formularzu kontaktowym Z tego artykułu dowiesz się jak dodać w szablonie obsługę załączników na formularzu kontaktowym. Szafir W pliku common/navigation-bars/navigation-contact.html znajdź frazę contact-form-required-fields-ui i linijkę niżej wklej poniższy kod:
0 1 2 3 4 5 6 7 8 9 10 11 12 13 |
{% if config.Contact.AttachmentsEnabled -%} <div> <label for="file" class="add-attachement-label-ui"><i class="ti-clip"></i> {{ translations.AddAttachement }}</label> {% capture maxSize -%}{{config.Contact.AttachmentMaxSize}}B{% endcapture -%} {% for i in (1..config.Contact.AttachmentsMaxCount) -%} <div class="input-file-container-ui"> <input class="add-attachement-in-complaint-ui add-attachement-in-complaint-lq" type="file" name="file" accept="{{ config.Contact.AttachmentExtensions }}" data-file-size="{{ config.Contact.AttachmentMaxSize }}" data-size-exceeded="{{ translations.Com_FileSizeExceeded | Format: maxSize }}" data-invalid-file="{{ translations.Com_InvalidFile | Format: config.Contact.AttachmentExtensions }}" /> <i class="ti-close clear-file-input-ui clear-file-input-lq hidden-lq"></i> </div> {% endfor -%} </div> {% endif -%} |
Następnie w pliku js/init-ui2.js znajdź frazę function sendContactForm(e) i usuń całą tą funkcję wraz z jej wywołaniem […]