Ash74 (17 Июнь 2016 - 09:24) писал:
Добрый день!
Аккаунт SL-259633
Нужно изменить слайдер:
1. Где меняется шрифт, размеры шрифта, ссылки, цвет и т.д.?
2. Размеры слайдов поменял, как поднять съехавшие вниз ссылки? Чтобы у всех 4-х слайдов они отображались на одном уровне (примерно как в слайде №1) и также изменить цвет, шрифт, размеры шрифта, ссылки?
3. Убрать вот эту пустую область. Как я понимаю, она появилась из-за изменения размеров слайдов. Нужно её выровнять (чтобы расстояние от низа слайдера до кнопок "Новинки" и "Хиты продаж" было равным расстоянию от этих кнопок до отображаемых внизу товаров)
Сумбурно как-то получилось, но думаю понять можно =))) Скрин прилагается.
Здравствуйте,
1. Найдите в шаблоне HTML
<li class="accor accor-open">
<img src="{ASSETS_IMAGES_PATH}slide1.png?design=urban" alt="Лето">
<div class="title_accor">
<a href="http://{NET_DOMAIN}/page/Доставка" title="Лето"><strong>Лето</strong></a>
<p><a href="http://{NET_DOMAIN}/page/Доставка" title="Лето">Сезонные скидки и распродажи!</a></p>
</div>
</li>
<li class="accor accor-closed">
<img src="{ASSETS_IMAGES_PATH}slide2.png?design=urban" alt="Осень">
<div class="title_accor">
<a href="http://{NET_DOMAIN}/page/Доставка" title="Осень"><strong>Осень</strong></a>
<p><a href="http://{NET_DOMAIN}/page/Доставка" title="Осень">Сезонные скидки и распродажи!</a></p>
</div>
</li>
<li class="accor accor-closed">
<img src="{ASSETS_IMAGES_PATH}slide3.png?design=urban" alt="Зима">
<div class="title_accor">
<a href="http://{NET_DOMAIN}/page/Доставка" title="Зима"><strong>Зима</strong></a>
<p><a href="http://{NET_DOMAIN}/page/Доставка" title="Зима">Сезонные скидки и распродажи!</a></p>
</div>
</li>
<li class="accor accor-closed">
<img src="{ASSETS_IMAGES_PATH}slide4.png?design=urban" alt="Весна">
<div class="title_accor">
<a href="http://{NET_DOMAIN}/page/Доставка" title="Весна"><strong>Весна</strong></a>
<p><a href="http://{NET_DOMAIN}/page/Доставка" title="Весна">Сезонные скидки и распродажи!</a></p>
</div>
</li>
где измените ссылки и текст ссылок
далее найдите в файле main.css
.accor.accor-open div.title_accor {
display: none;
bottom: 34.3%;
left: 33.5%;
}
где изменяете значение
34.3, что бы поднять или опустить блок с текстом
далее найдите
div.title_accor a {
text-decoration: none;
color: #ffffff;
}
где изменяете значение
ffffff, что бы изменить цвет нижнего текста
далее найдите
.accor strong {display: block;color: #fff;line-height: 100%;margin-bottom: 5px;padding: 10px 10px 0;text-shadow: none;}
где изменяете значение
fff, что бы изменить цвет верхнего текста
2. Найдите в файле main.css
.accor div.title_accor {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 9;
display: none;
}
замените на
.accor div.title_accor {
position: absolute;
bottom: 38%;
left: 0;
width: 100%;
z-index: 9;
display: none;
}
3. Найдите в файле main.js
width: 1920, //Ширина изображения в слайдере
height: 560, //Высота изображения в слайдере
container: 'slideshow',
classBgTitle: 'title_accor',
heightTitle: 100
});
});
замените на
width: 1920, //Ширина изображения в слайдере
height: 265, //Высота изображения в слайдере
container: 'slideshow',
classBgTitle: 'title_accor',
heightTitle: 100
});
});
1
