PrestaShop Forum

Здравствуйте, и так у меня очередное усложнение... Хотелось бы прикрепить(position: fixed) блок фильтров, нашел скрипт но не могу его установить, подскажите в какой фаил его запихнуть ?
<style>
.prilip {
  position: fixed;
  z-index: 101;
}
.stop {
  position: relative;
}
</style>

<script>
  // document.documentElement.scrollHeight - высота веб-документа;
  // aside.offsetHeight - высота элемента
var aside = document.querySelector('aside'),
    t0 = aside.getBoundingClientRect().top,
    t1 = document.documentElement.scrollHeight - 800 - aside.offsetHeight;
window.addEventListener('scroll', function(e) {
  if (window.pageYOffset > t1) {
    aside.className = 'stop';
    aside.style.top = t1 - t0 + 'px';
  } else {
    aside.className = (t0 < window.pageYOffset ? 'prilip' : '');
    aside.style.top = '0';
  }
}, false);
</script>



Я так понимаю в самом скрипте нужно классы заменить, на мои, но если у меня там один айди и один класс, означает ли это что в скрипте вместо строчки aside.className = 'stop'; я должен прописать aside.idName = 'stop'; ?

Этот скипт нужно адаптировать под модуль многоуровневой навигации. Сохранить в отдельном файле и добавить подключение в хук displayHeader.
public function hookHeader($params)
{
....
        $this->context->controller->addJS(($this->_path).'blocklayered.js');
        $this->context->controller->addJS(($this->_path).'myscript.js');

1. Адаптировать, вы имеете ввиду, заменить классы на свои?
2. Сохранить в отдельном файле, в файле .tpl  ??
3. Как добавить подключение в хук, типа написать: {include file="./blabla.tpl"} ?

1.Заманить классы.
2. Сохранять код javacsript нужно в файле "название файла".js
3. Вам написали как добавить
$this->context->controller->addJS(($this->_path).'ваш файл.js');

1. Заменил классы, посмотрите правильно ли:
<script>
  // document.documentElement.scrollHeight - высота веб-документа;
  // aside.offsetHeight - высота элемента
var aside = document.querySelector('#layered_block_left'),
    t0 = aside.getBoundingClientRect().top,
    t1 = document.documentElement.scrollHeight - 800 - aside.offsetHeight;
window.addEventListener('scroll', function(e) {
  if (window.pageYOffset > t1) {
    aside.className = 'stop';
    aside.style.top = t1 - t0 + 'px';
  } else {
    aside.className = (t0 < window.pageYOffset ? 'layered_block_left' : '');
    aside.style.top = '0';
  }
}, false);
</script>

2.Сохранил фаил в моя тема\js\fixfelters.js

3.Правда не понял в какой фаил залить этот код:
public function hookHeader($params)
{
....
        $this->context->controller->addJS(($this->_path).'blocklayered.js');
        $this->context->controller->addJS(($this->_path).'fixfilters.js');

Вы же модуль меняете, значит и сохранять файлы нужно в папку модуля - /modules/blocklayered/fixfelters.js
В хук добавлять тоже в этом модуле - /modules/blocklayered/blocklayered.php

Цитата: mistral от 02 ноября 2014, 16:10:32
Вы же модуль меняете, значит и сохранять файлы нужно в папку модуля - /modules/blocklayered/fixfelters.js
В хук добавлять тоже в этом модуле - /modules/blocklayered/blocklayered.php

Спасибо за ответ, все сделал, как Вы написали..теперь выбивает ошибку, не уверен правильно ли я классы заменил, подскажите как должно быть, а то в джаве вообще толку от меня ноль 

В вашем файле только одна ошибка в 4 строке, в функции:
// rect is a DOMRect object with four properties: left, top, right, bottom
var rect = obj.getBoundingClientRect();
Возможно, ваш файл грузится раньше, чем jQuery. Может конфликт библиотек, плагинов. Тут нужен полный анализ. blocklayered очень капризный модуль, там много js функций и добавлять свои нужно осторожно. Плюс еще у вас показывает ошибки в других js файлов. Так что вполне возможно, что конфликт между старым и новым кодом.

Вы имеете в виду, что нужно заменить эту строку:
    t0 = aside.getBoundingClientRect().top,
на ?
var rect = obj.getBoundingClientRect();

Нет, эта функция у вас вызывает ошибку. Так как неправильно передается значение переменной. Может ид такого нет, может несколько значений у этого id.