Autopilot-style.ru (23 Ноябрь 2015 - 16:32) писал:
Добрый день.
Коллеги нужна помощь.
Подскажите почему так долго грузиться слайдер на главной страницы?
Как только открываешь главную, начинает корёжить весь сайт (адаптироваться )
Можно ли как то закрепить слайд баннер. чтобы при открытии страницы поля не изменялись.??
Здравствуйте.
Скорость загрузки самого слайдера зависит только от размера присутствующих в нем изображений. При необходимости Вы можете попробовать пересохранить существующие изображения, применив сжатие.
Чтобы поля при загрузке не изменялись можно создать общий фиксированный блок для слайдера и баннера.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}<div class="banners">
<a href="http://autopilot-style.ru/page/%D0%94%D0%9E%D0%A1%D0%A2%D0%90%D0%92%D0%9A%D0%90-%D0%98-%D0%9E%D0%9F%D0%9B%D0%90%D0%A2%D0%90"><img src="{ASSETS_IMAGES_PATH}dostavka4.jpg"></a>
<a href="http://autopilot-style.ru/page/USTANOVKA"><img src="{ASSETS_IMAGES_PATH}ustanovka4.jpg"></a>
</div>
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<a href="/"><img src="http://st.autopilot-style.ru/11/1556/219/3_2_.jpg" alt="" /></a>
<a href="/"><img src="http://st.autopilot-style.ru/8/1556/758/Baner2.png" alt="" /> </a>
<a href="/"><img src="http://st.autopilot-style.ru/8/1556/759/Baner3.png" alt="" /></a>
<a href="http://autopilot-style.ru/catalog/mechovuje-nakidki"><img src="http://st.autopilot-style.ru/8/1556/760/Baner5.png" alt="" /> </a>
</div>
</div>
Замените на:
<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<div class="slide-block">
<div class="banners">
<a href="http://autopilot-style.ru/page/%D0%94%D0%9E%D0%A1%D0%A2%D0%90%D0%92%D0%9A%D0%90-%D0%98-%D0%9E%D0%9F%D0%9B%D0%90%D0%A2%D0%90"><img src="{ASSETS_IMAGES_PATH}dostavka4.jpg"></a>
<a href="http://autopilot-style.ru/page/USTANOVKA"><img src="{ASSETS_IMAGES_PATH}ustanovka4.jpg"></a>
</div>
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<a href="/"><img src="http://st.autopilot-style.ru/11/1556/219/3_2_.jpg" alt="" /></a>
<a href="/"><img src="http://st.autopilot-style.ru/8/1556/758/Baner2.png" alt="" /> </a>
<a href="/"><img src="http://st.autopilot-style.ru/8/1556/759/Baner3.png" alt="" /></a>
<a href="http://autopilot-style.ru/catalog/mechovuje-nakidki"><img src="http://st.autopilot-style.ru/8/1556/760/Baner5.png" alt="" /> </a>
</div>
</div>
</div>
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.slide-block {height: 304px;}