Łukasz Kopa

Dodanie konfigurowalności strony głównej w szablonie Szafir

Utworzony 28 lipca 2022
Autor Łukasz Kopa

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

Utworzony 10 maja 2022
Autor Łukasz Kopa

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

Utworzony 28 kwietnia 2022
Autor Łukasz Kopa

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

Utworzony 31 marca 2022
Autor Łukasz Kopa

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

Utworzony 17 marca 2022
Autor Łukasz Kopa

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

Utworzony 10 stycznia 2022
Autor Łukasz Kopa

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

Utworzony 27 grudnia 2021
Autor Łukasz Kopa

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' -%}
    <script>
        var fbDL={{ page.FbDL }};
        !function(){var e;while(e=fbDL.pop())fbq.push(e);}();
    </script>
{% endif -%}

{% if order.OrderStep != 'ThankYou' -%}

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:


<script>
    !function(){
        var fbDLC={{ page.FbDL }};
        fbDLC.forEach(function(z){fbq.push(z);});
    }();
</script>

!function(){

var fbDLC={{ page.FbDL }};

fbDLC.forEach(function(z){fbq.push(z);});

}();

</script>

[…]

Umieszczenie przycisku Leasing Grenke na szczegółach towaru

Utworzony 14 grudnia 2021
Autor Łukasz Kopa

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

Utworzony 6 grudnia 2021
Autor Łukasz Kopa

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

Utworzony 3 grudnia 2021
Autor Łukasz Kopa

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:


{% 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 -%}

{% 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>

{% endfor -%}