Помощь c javascript в теме Drupal8

Аватар пользователя Taxidermyst Taxidermyst 25 июня в 14:39

Доброго дня!

Купил шаблон theSaas для Drupal8
Всё поставил и настроил, но осталось несколько нюансов.

Как я могу понять, всё упирается в подключение и работу javascript

1. Никак не могу добиться адекватной работы вот такого вида header`a.
http://thesaas.symphonythemes.net/header-typing

Банально нужно поменять текст, но не вижу где это можно сделать, всё перерыл... ничего не нашёл((

В script.js темы нашёл код /* Typed JS */ очевидно отвечающий за работу хэдара
там есть настройки

}, t.fn.typed.defaults = {
        strings: ["These are the default values...", "You know what you should do?", "Use your own!", "Have a great day!"],
        stringsElement: null,
        typeSpeed: 0,
        startDelay: 0,
        backSpeed: 0,
        shuffle: !1,
        backDelay: 500,
        loop: !1,
        loopCount: !1,
        showCursor: !0,
        cursorChar: "|",
        attr: null,
        contentType: "html",
        callback: function() {},
        preStringTyped: function() {},
        onStringTyped: function() {},
        resetCallback: function() {}
    }

Получается, что нужно всего навсего поменять текст в strings
...но не работает.((( Зашёл в тупик.

2. Нужно сделать плавную прокрутку к анкорам на странице
Опять же в теме есть thesaas.js с кодом отвечающий за это, но не работающий(((

 //----------------------------------------------------/

  // Smooth scroll to a target element

  //----------------------------------------------------/

  thesaas.scrolling = function() {

    var topbar_height = 60;

    var html_body = $('html, body');

    // Back to top

    $(document).on( 'click', '.scroll-top', function() {

      html_body.animate({scrollTop : 0}, 600);

      $(this).blur();

      return false;

    });

    // Smoothscroll to anchor

    $(document).on('click', '[data-scrollto]', function(){

      var id = '#' + $(this).data('scrollto');

      if ( $(id).length > 0 ) {

        var offset = 0;

        if ( $('.topbar.topbar-sticky').length ) {

          offset = topbar_height;

        }

        html_body.animate({scrollTop: $(id).offset().top - offset}, 1000);

      }

      return false;

    });

    // Smoothscroll to anchor in page load

    var hash = location.hash.replace('#','');

    if (hash != '' && $("#"+hash).length > 0) {

      html_body.animate({scrollTop: $("#"+hash).offset().top - topbar_height}, 1000);

    }

  }

Всё перерыл, ничего не помогает(((

3. Нужно сделать кнопку BackToTop
Опять же, похоже, что в эта кнопка прописана в теме, но как заставить её появится и работать....непонятно(((

    // Back to top

    $(document).on( 'click', '.scroll-top', function() {

      html_body.animate({scrollTop : 0}, 600);

      $(this).blur();

      return false;

    });

PS
Пробовал поискать ответы на сайте производителя темы, но похоже, что поддержка поддержка темы мертва(((
Готов выслать исходники темы/саму тему для экспериментов.
Ну или вдруг кому-то пригодится.

Спасибо всем кто откликнется!

Комментарии

Аватар пользователя bsyomov bsyomov 25 июня в 18:49

Не готов прям смотреть в тему, да и JS не то чтобы знаю, но по представленному выше пара соображений:

2. Чтобы работала прокрутка, должен быть элемент с классом "scroll-top", по клику на который она будет срабатывать. Может он где-то и есть, надо поискать в отладчике браузера...

3. Чтобы работали анкоры, надо чтобы было заполнено свойство data-scrollto у ссылки, и id анкора должно быть #значение data-scrollto.

P.S. Вообще на сайте у них написано: You can easily read, edit, and write your own code, or change everything. что явно подразумевает, что нужны знания и боольшой напильник, чтобы из этой темы сделать что-то полезное... Smile По мне, так лучше было бы какой-нибудь бесплатный bootstrap взять, и сделать то же самое из него.
Те $48 потраченные на труд специалиста решающего вашу конкретную задачу, вероятно, были бы куда полезнее для конечного результата.

Аватар пользователя Taxidermyst Taxidermyst 26 июня в 14:53

Не готов прям смотреть в тему, да и JS не то чтобы знаю, но по представленному выше пара соображений:

Спасибо, что откликнулись!
Идея с тем чтоб поискать в отладчике барузера сработала с решением первого вопроса!
Оказывается по умолчанию в редакторе текст формат стоял Basic HTML, который просто резал весь код ответственный за реализацию /* Typed JS */ . Однако с помощью отладчика необходимый код выловил, вырезал, отредактировал и вставил куда надо)
Заработало!

По поводу анкоров
В блоке прописываю <p><a name="Download">a>p>
в меню пишу вот так

Не помогает(((

P.S. Вообще на сайте у них написано: You can easily read, edit, and write your own code, or change everything. что явно подразумевает, что нужны знания и боольшой напильник, чтобы из этой темы сделать что-то полезное... Smile По мне, так лучше было бы какой-нибудь бесплатный bootstrap взять, и сделать то же самое из него.
Те $48 потраченные на труд специалиста решающего вашу конкретную задачу, вероятно, были бы куда полезнее для конечного результата.

Абсолютно согласен! Мог бы и за бесплатно тему эту найти) Рассчитывал именно на поддержку... которой, как оказалось, нет((((
Но отрицательный опыт это тоже опыт, весь смысл затеи научиться)

Вопросы мои как я посмотрю оказались не самыми простыми)
Может ли мне кто-нибудь помочь с этими вопросами за денежку?

Ещё раз спасибо!