Добрый день. Помогите изменить слайдер. Мне нужно изменить размер и добавить текст с кнопкой с левой стороны, и как добавлять дополнительные картинки в слайдер. Так же нужно изменить размер логотипа
Мой аккаунт SL-392747
0
Сообщений в теме: 7
#1
Отправлено 21 Март 2019 - 19:55
#2
Отправлено 22 Март 2019 - 06:02
Здравствуйте.
В слайдере уже присутствует текст с кнопкой, у вас магазин заблокирован из-за этого возникли JS ошибки от которых некорректно отображается слайдер, пополните баланс и все восстановится.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
измените текст на необходимый, чтобы добавить дополнительный слайд, в этом блоке после:
вставьте:
и загрузите в раздел сайт - Редактор шаблонов файл slide3.png
Уточните пожалуйста, логотип необходимо уменьшить?
В слайдере уже присутствует текст с кнопкой, у вас магазин заблокирован из-за этого возникли JS ошибки от которых некорректно отображается слайдер, пополните баланс и все восстановится.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Слайдшоу --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div class="container"> <div class="slider owl-carousel"> <div class="item"> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <div class="line"></div> <h2 class="title"> <span>Игрушки из</span> <span>Настоящего дерева</span> <span class="italic">Со скидкой <span class="bold">до 50%</span></span> </h2> <a href="#" class="button button4 big">Смотреть коллекцию</a> </div> <div class="image"> <div class="image1" data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutDown"><img src="{ASSETS_IMAGES_PATH}slide1.png?design=scandi"/></div> </div> </div> <div class="item"> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <div class="line"></div> <h2 class="title"> <span>Игрушки из</span> <span>Настоящего дерева</span> <span class="italic">Со скидкой <span class="bold">до 50%</span></span> </h2> <a href="#" class="button button4 big">Смотреть коллекцию</a> </div> <div class="image"> <div class="image2" data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutDown"><img src="{ASSETS_IMAGES_PATH}slide2.png?design=scandi"/></div> </div> </div> </div> </div> </div> <!-- /END Слайдшоу-->
измените текст на необходимый, чтобы добавить дополнительный слайд, в этом блоке после:
<div class="item"> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <div class="line"></div> <h2 class="title"> <span>Игрушки из</span> <span>Настоящего дерева</span> <span class="italic">Со скидкой <span class="bold">до 50%</span></span> </h2> <a href="#" class="button button4 big">Смотреть коллекцию</a> </div> <div class="image"> <div class="image2" data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutDown"><img src="{ASSETS_IMAGES_PATH}slide2.png?design=scandi"/></div> </div> </div>
вставьте:
<div class="item"> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <div class="line"></div> <h2 class="title"> <span>Игрушки из</span> <span>Настоящего дерева</span> <span class="italic">Со скидкой <span class="bold">до 50%</span></span> </h2> <a href="#" class="button button4 big">Смотреть коллекцию</a> </div> <div class="image"> <div class="image3" data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutDown"><img src="{ASSETS_IMAGES_PATH}slide3.png?design=scandi"/></div> </div> </div>
и загрузите в раздел сайт - Редактор шаблонов файл slide3.png
Уточните пожалуйста, логотип необходимо уменьшить?
#3
Отправлено 22 Март 2019 - 09:03
Да немного поменьше сделать нужно
#5
Отправлено 22 Март 2019 - 13:36
Разобрался), единственное как прикрепить действие к кнопке Коллекция, где прописать ссылку
#6
Отправлено 22 Март 2019 - 14:14
Та жа тема. Сам могу найти, и поменять но боюсь что-то другое затронуть. Кстати ,в експлорере не смотрел, на свой сайт. Я открыл проверить, а там каша возле каждого русского слова какие-то обозначения на англ. Видимо рабочие выскакивают.
#7
Отправлено 23 Март 2019 - 05:00
TYURIKOFF (22 Март 2019 - 09:03) писал:
Да немного поменьше сделать нужно
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header .header-middle .header-col.center .logo {max-width: 230px;}
замените на:
#header .header-middle .header-col.center .logo {max-width: 200px;}
TYURIKOFF (22 Март 2019 - 13:36) писал:
Разобрался), единственное как прикрепить действие к кнопке Коллекция, где прописать ссылку
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Слайдшоу --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div class="container"> <div class="slider owl-carousel"> <div class="item"> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <div class="line"></div> <h2 class="title"> <span>Сумки в</span> <span>Винтажном стиле</span> <span class="italic">Со скидкой <span class="bold">до 30%</span></span> </h2> <a href="http://mensbrand.ru/catalog/naplechnie-sumki" class="button button4 big">Смотреть коллекцию</a> </div> <div class="image"> <div class="image1" data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutDown"><img src="{ASSETS_IMAGES_PATH}slide1.png?design=scandi"/></div> </div> </div> <div class="item"> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <div class="line"></div> <h2 class="title"> <span>Бизнес сумки</span> <span>из натуральной кожи</span> <span class="italic"><span class="bold">Выбери свой стиль</span></span> </h2> <a href="http://mensbrand.ru/catalog/sumki-i-portfeli" class="button button4 big">Смотреть коллекцию</a> </div> <div class="image"> <div class="image2" data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutDown"><img src="{ASSETS_IMAGES_PATH}slide2.png?design=scandi"/></div> </div> </div> </div> </div> </div> <!-- /END Слайдшоу-->
измените значение атрибута href на необходимое.
ВячеславФ (22 Март 2019 - 14:14) писал:
Та жа тема. Сам могу найти, и поменять но боюсь что-то другое затронуть. Кстати ,в експлорере не смотрел, на свой сайт. Я открыл проверить, а там каша возле каждого русского слова какие-то обозначения на англ. Видимо рабочие выскакивают.
Здравствуйте.
Ответила вам в другой теме форума.
#8
Отправлено 21 Апрель 2020 - 23:15
Vaccina (23 Март 2019 - 05:00) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
измените значение атрибута href на необходимое.
Здравствуйте.
Ответила вам в другой теме форума.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header .header-middle .header-col.center .logo {max-width: 230px;}
замените на:
#header .header-middle .header-col.center .logo {max-width: 200px;}
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Слайдшоу --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div class="container"> <div class="slider owl-carousel"> <div class="item"> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <div class="line"></div> <h2 class="title"> <span>Сумки в</span> <span>Винтажном стиле</span> <span class="italic">Со скидкой <span class="bold">до 30%</span></span> </h2> <a href="http://mensbrand.ru/catalog/naplechnie-sumki" class="button button4 big">Смотреть коллекцию</a> </div> <div class="image"> <div class="image1" data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutDown"><img src="{ASSETS_IMAGES_PATH}slide1.png?design=scandi"/></div> </div> </div> <div class="item"> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <div class="line"></div> <h2 class="title"> <span>Бизнес сумки</span> <span>из натуральной кожи</span> <span class="italic"><span class="bold">Выбери свой стиль</span></span> </h2> <a href="http://mensbrand.ru/catalog/sumki-i-portfeli" class="button button4 big">Смотреть коллекцию</a> </div> <div class="image"> <div class="image2" data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutDown"><img src="{ASSETS_IMAGES_PATH}slide2.png?design=scandi"/></div> </div> </div> </div> </div> </div> <!-- /END Слайдшоу-->
измените значение атрибута href на необходимое.
Здравствуйте.
Ответила вам в другой теме форума.
Здравствуйте!
Аккаунт SL-496210
Мне необходимо внести изменения в слайдер, не могу разобраться.
1. Нужно убрать текст слайдера, фото должно быть на весь контейнер по ширине, кнопки остаются на том же месте, где и сейчас.
2. Не работает автоматическое перелистывание слайдов.
Темы с аналогичным тегами слайдер
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Сказка →
Главная →
Убираем Цветной Баннер На СлайдереАвтор Гость_Foxis_10_* , 17 февр. 2021 слайдер |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Нептун →
Главная →
Изменение Главного Баннера На СлайдерАвтор Гость_Firefly_* , 04 дек. 2019 Нептун, Слайдер, owl-slider |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лето →
Изменение общей стилистики →
Настройка СлайдераАвтор Гость_tovmarket_* , 30 окт. 2018 слайдер |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Рассвет →
Как Изменить Расположение Объектов На Первом ЭкранеАвтор Гость_DMC_* , 19 окт. 2018 шапка, слайдер, логотип |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лето →
Изменение общей стилистики →
Расположение Объектов В ШапкеАвтор Гость_DMC_* , 14 окт. 2018 шапка, логотип, слайдер |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных