Aktualizacja filtrów i wyszukiwarki w szablonach W tym artykule dowiesz się jak zmodyfikować swój szablon, aby w lepszy sposób obsługiwał filtry i wyszukiwarkę. Szafir W pliku common/pagination.html wyszukaj frazę {% if products.Search -%}. W tym warunku znajduje się tylko jedna linijka. Podmień ją na {% capture url -%}{{products.Search.Url}}{% endcapture -%} […]
Dodanie nowego widoku filtrów
Dodanie nowego widoku filtrów Szablon Szafir umożliwia dodanie w nim nowego widoku filtrów oraz modyfikowację ustawienia szablonu, aby był bardziej czytelny. Zmiany wyglądu dotyczą opisu danej kategorii i graficznych odnośników do podkategorii. Szafir W pliku __settings.liquid dodaj poniżesze tłumaczenia: {% assign productsList = „Lista towarów” -%} {% assign filterPanel = […]
Implementacja Google Analytics 4 w szablonach
Comarch e-Sklep jest zintegrowany z Google Analytics 4 dzięki prostej konfiguracji polegającej na dodaniu skryptu śledzącego w panelu administracyjnym. Dzięki zaimplementowanej w e-Sklepie warstwie danych (Data Layer) oraz obsłużonych domyślnie w darmowych szablonach Comarch skryptom uzyskasz dostęp do wielu funkcji Google Analytics takich jak: podstawowe śledzenie ruchu na Twoim sklepie […]
Dodanie konfigurowalności strony głównej w szablonie Szafir
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. […]
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: {{ globalSettings.FbPixel.Script }} {% if order.OrderStep != 'ThankYou’ -%} {% endif -%} Następnie […]
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 […]