Własny CSS i Javascript

Ta instrukcja również dotyczy szablonów graficznych Flow, Vogue i Pipeline!

Używaj tego tylko wtedy, gdy wiesz, co robisz!

Przejdź do aplikacji "Witryna -> Bloki" i utwórz blok site.{$theme_id}_css z treścią poniżej. Style zostaną dodane przed zamykającym tagiem body. {$theme_id} - ID szablonu graficznego. Na przykład: site.ahead_css lub site.vogue_css. ID można znaleźć w dziale "Sklep -> Projekt -> Wygląd", w prawym pasku bocznym.


{literal}
<style>
    /*
    // START USER CSS STYLES
    */

    /* Zmiana rozmiaru logo */
    .c-logo .c-logo__img, .c-logo .c-logo__svg { max-width: 200px!important; }

    /*
    // END USER CSS STYLES
    */
</style>
{/literal}

Własny Javascript

Używaj tego tylko wtedy, gdy wiesz, co robisz!

Przejdź do aplikacji "Witryna -> Bloki" i utwórz blok site.{$theme_id}_js z treścią poniżej. Kod Javascript zostanie dodany przed tagiem zamykającym body. {$theme_id} - ID motywu projektu. Na przykład: site.ahead_js. lub site.vogue_js. ID można znaleźć w dziale "Sklep -> Projekt -> Wygląd", w prawym pasku bocznym.

Nasz kod zawiera specjalną funkcję opóźnionego ładowania skryptów. Można tam na przykład dodawać metryki. Użyj tego według własnego uznania i skonsultuj się z marketerem przed użyciem funkcji opóźnienia. Kod metryk i innych skryptów należy dodać po setTimeout(function () {

{literal}
<script>
    //
    // START USER Javascript code
    //

    // Site :: Delayed scripts
    ( function($) {

        var fired = false;

        window.addEventListener('scroll', function () {
            if (fired === false) {
                fired = true;
                setTimeout(function () {



                }, 1000);
            }
        });
    })(jQuery);

    //
    // END USER Javascript code
    //
</script>
{/literal}

Własny CSS i Javascript - instrukcja do szablonu "Ahead"

Własny Javascript