Перейти к содержимому


Слайдер

Автор deniska-e, 23 дек. 2014 12:50

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 91

#81 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 28 Январь 2015 - 04:49

Воспользуемся шрифтовыми иконками вашей темы, это исключит нужду в подключении еще одного пакета шрифтовых иконок.
В шаблоне Товары найдите:
<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" class="details"><span class="small_text">Подробнее</span></a>
							 <!-- Если есть возможность добавить товар в избранное -->
				 {% IF goods.IS_HAS_IN_FAVORITES_LIST %}
				 <a class="add_to_wishlist_small added"
					 data-action-is-add="0"
					 data-action-add-url="{FAVORITES_ADD_URL}"
					 data-action-delete-url="{FAVORITES_DELETE_URL}"
					 data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
					 data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
					 title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
					 data-action-text-delete="Убрать из избранного"
					 data-action-text-add="Добавить в избранное"
					 href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
				 ><span class="small_text">Убрать из избранного</span></a>
				 {% ELSE %}
				 <a class="add_to_wishlist_small"
					 data-action-is-add="1"
					 data-action-add-url="{FAVORITES_ADD_URL}"
					 data-action-delete-url="{FAVORITES_DELETE_URL}"
					 data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
					 data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
					 data-action-text-delete="Убрать из избранного"
					 data-action-text-add="Добавить в избранное"
					 title="Добавить &laquo;{goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
				 ><span class="small_text">Добавить в избранное</span></a>
				 {% ENDIF %}
				 <!-- END Если есть возможность добавить товар в избранное -->
		
<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
				 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
				 {% IF goods.IS_HAS_IN_COMPARE_LIST %}
					 <a class="add_to_compare_small added"
					 data-action-is-add="0"
					 data-action-add-url="{COMPARE_ADD_URL}"
					 data-action-delete-url="{COMPARE_DELETE_URL}"
					 data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
					 data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
					 title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
					 data-action-text-delete="Убрать из сравнения"
					 data-action-text-add="Добавить в сравнение"
					 data-thisid="{goods.MIN_PRICE_NOW_ID}"
					 href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
					 ><span class="small_text">Убрать из сравнения</span></a>
				 {% ELSE %}
					 <a class="add_to_compare_small"
					 data-action-is-add="1"
					 data-action-add-url="{COMPARE_ADD_URL}"
					 data-action-delete-url="{COMPARE_DELETE_URL}"
					 data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
					 data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
					 title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
					 data-action-text-delete="Убрать из сравнения"
					 data-action-text-add="Добавить в сравнение"
					 data-thisid="{goods.MIN_PRICE_NOW_ID}"
					 href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
					 ><span class="small_text">Добавить в сравнение</span></a>
				 {% ENDIF %}
				 {% ENDIF %}
				 <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
замените на:
<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" class="details"><span class="small_text"><span class="icon-eye icon"></span></span></a>
							 <!-- Если есть возможность добавить товар в избранное -->
				 {% IF goods.IS_HAS_IN_FAVORITES_LIST %}
				 <a class="add_to_wishlist_small added"
					 data-action-is-add="0"
					 data-action-add-url="{FAVORITES_ADD_URL}"
					 data-action-delete-url="{FAVORITES_DELETE_URL}"
					 data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
					 data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
					 title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
					 data-action-text-delete="Убрать из избранного"
					 data-action-text-add="Добавить в избранное"
					 href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
				 ><span class="small_text"><span class="icon-heart2 icon"></span></span></a>
				 {% ELSE %}
				 <a class="add_to_wishlist_small"
					 data-action-is-add="1"
					 data-action-add-url="{FAVORITES_ADD_URL}"
					 data-action-delete-url="{FAVORITES_DELETE_URL}"
					 data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
					 data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
					 data-action-text-delete="Убрать из избранного"
					 data-action-text-add="Добавить в избранное"
					 title="Добавить &laquo;{goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
				 ><span class="small_text"><span class="icon-heart2 icon"></span></span></a>
				 {% ENDIF %}
				 <!-- END Если есть возможность добавить товар в избранное -->
		
<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
				 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
				 {% IF goods.IS_HAS_IN_COMPARE_LIST %}
					 <a class="add_to_compare_small added"
					 data-action-is-add="0"
					 data-action-add-url="{COMPARE_ADD_URL}"
					 data-action-delete-url="{COMPARE_DELETE_URL}"
					 data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
					 data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
					 title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
					 data-action-text-delete="Убрать из сравнения"
					 data-action-text-add="Добавить в сравнение"
					 data-thisid="{goods.MIN_PRICE_NOW_ID}"
					 href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
					 ><span class="small_text"><span class="icon-loop icon"></span></span></a>
				 {% ELSE %}
					 <a class="add_to_compare_small"
					 data-action-is-add="1"
					 data-action-add-url="{COMPARE_ADD_URL}"
					 data-action-delete-url="{COMPARE_DELETE_URL}"
					 data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
					 data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
					 title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
					 data-action-text-delete="Убрать из сравнения"
					 data-action-text-add="Добавить в сравнение"
					 data-thisid="{goods.MIN_PRICE_NOW_ID}"
					 href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
					 ><span class="small_text"><span class="icon-loop icon"></span></span></a>
				 {% ENDIF %}
				 {% ENDIF %}
				 <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
далее в main.css найдите:
.small_text:after,.list_prod_wrp .noavalible:after{content: '';
position: absolute;
left: -10px;
width: auto;
transform: skew(-20deg);
background: #DF747A;
z-index: -1;
height: 100%;
width: 100%;
padding: 5px 18px 5px 5px;
top: -5px;
box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
transform: skew(-20deg);
-moz-transform: skew(-20deg);
-webkit-transform: skew(-20deg);
transition:all 0.35s ease;-o-transition:all 0.35s ease;-ms-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;}
замените на:
.prod_hold .addToCAndW a {
background: #df747a;
color: white;
display: inline-block;
height: 30px;
margin: 0;
overflow: hidden;
padding: 5px 0 0;
position: relative;
width: 30px;
}
.small_text:after, .list_prod_wrp .noavalible:after {
background: #df747a;
color: white;
content: "";
display: block;
margin: 0;
padding: 0;
z-index: -1;
}
a.details .small_text {
padding: 0 !important;
}
.added .small_text {
color: white;
}
далее найдите:
.prod_hold:hover .addToCAndW {
border-radius: 0;
opacity: 1;
transform: scale(1);
z-index: 11;
}
замените на:
.prod_hold:hover .addToCAndW {
border-radius: 0;
opacity: 1;
padding-top: 80px;
transform: scale(1);
z-index: 11;
}

В результате получится 3 маленьких кнопки с иконками в один ряд

#82 nymphetamin2004

nymphetamin2004

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 88 сообщений

Отправлено 28 Январь 2015 - 04:58

Просмотр сообщенияnymphetamin2004 (28 Январь 2015 - 04:28) писал:

а тут как увеличить изображение по квадрату?
И фото товара везде разных размеров почему то. Нельзя сделать чтоб атвоматом выравнивало?

Прикрепленные изображения

  • 1234567.jpg

#83 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 28 Январь 2015 - 05:12

Для этого необходимо увеличить фото категории в разделе Настройки - Основные  - увеличьте параметр 260

#84 nymphetamin2004

nymphetamin2004

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 88 сообщений

Отправлено 28 Январь 2015 - 05:14

Просмотр сообщенияVaccina (28 Январь 2015 - 05:12) писал:

Для этого необходимо увеличить фото категории в разделе Настройки - Основные  - увеличьте параметр 260
сделал. все спасибо Вам огромное

#85 nymphetamin2004

nymphetamin2004

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 88 сообщений

Отправлено 28 Январь 2015 - 05:24

Просмотр сообщенияVaccina (28 Январь 2015 - 05:12) писал:

Для этого необходимо увеличить фото категории в разделе Настройки - Основные  - увеличьте параметр 260
только качество фото так ухудшилось. в каталоге где уже сам товар как на скрине выше

а вот скрин тут вон ваще как страшно все хотелось бы на всю площадь картинку выравнивать.

Прикрепленные изображения

  • 12.jpg

#86 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 28 Январь 2015 - 05:40

почистите кэш браузера, скорее всего в этом проблема, у меня фото категорий заполняют всю белую область и качество не хуже =)

#87 nymphetamin2004

nymphetamin2004

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 88 сообщений

Отправлено 28 Январь 2015 - 05:54

Просмотр сообщенияVaccina (28 Январь 2015 - 05:40) писал:

почистите кэш браузера, скорее всего в этом проблема, у меня фото категорий заполняют всю белую область и качество не хуже =)
http://moidom.biz/ca...stil-dlya-kuhni вот тут посмотрите нсли не трудно


на главной странице вставил виджет погоды. В блок "О нас" в футере. И не могу его поставить по середине
<div style="text-align: center;"> не помогает(

#88 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 28 Январь 2015 - 06:32

1. Простите, подумала проблема в фото категорий. Возможно, это серверный кэш, проверьте состояние данных фото в течении суток.

2. В шаблоне HTML найдите:
<div id="gsInformerID-kyjhV3PW40Mqno" class="gsInformer" style="width:240px;height:217px">
замените на:
<div id="gsInformerID-kyjhV3PW40Mqno" class="gsInformer" style="width:240px;height:217px; margin: 0 auto;">

#89 luckmann92

luckmann92

    Пользователь

  • Пользователи
  • PipPip
  • 10 сообщений

Отправлено 15 Февраль 2016 - 10:44

Добрый день! У меня проблема с установкой темы NyvoSlider, устанавливал по данной инструкции.
Постоянно появлялись ошибки ранее указанные в этой теме. Изменения описанные здесь не дали результатов. Установка других простых слайдеров также приводило к ошибкам. В чем может быть причина?
SL-304806
Заранее спасибо!

#90 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 15 Февраль 2016 - 12:06

Просмотр сообщенияluckmann92 (15 Февраль 2016 - 10:44) писал:

Добрый день! У меня проблема с установкой темы NyvoSlider, устанавливал по данной инструкции.
Постоянно появлялись ошибки ранее указанные в этой теме. Изменения описанные здесь не дали результатов. Установка других простых слайдеров также приводило к ошибкам. В чем может быть причина?
SL-304806
Заранее спасибо!

Здравствуйте.
Слайдер на основе Owl Carousel с автопрокруткой для шаблона Шоколад
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
	 {BODY}
</div>
<div class="clear"></div>
{%ENDIF%}
{%IF index_page%}

Вставьте сразу после него код:
<!-- Slider Owl Carousel -->
<div id="owl-demo1" class="slider owl-carousel owl-theme">
<div class="item"><img src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt=""></div>
<div class="item"><img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt=""></div>
<div class="item"><img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt=""></div>
</div>

В дальнейшем измените ссылки (вида http://storeland.ru/...er/toystory.jpg) на свои.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, добавьте в конце код:
// Карусель-слайдер на главной
$(document).ready(function() {
$("#owl-demo1").owlCarousel({
		 autoPlay: true,
		 stopOnHover: true,
		 navigation : false, // Show next and prev buttons
		 slideSpeed : 500,
		 paginationSpeed : 400,
		 singleItem:true
});
});

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
/* Карусель-слайдер на главной */
.slider.owl-theme .owl-controls {display:block !important;}
#owl-demo1 .item img{
	 display: block;
	 width: 100%;
	 height: auto;
}

#91 luckmann92

luckmann92

    Пользователь

  • Пользователи
  • PipPip
  • 10 сообщений

Отправлено 15 Февраль 2016 - 16:07

Просмотр сообщенияFirefly (15 Февраль 2016 - 12:06) писал:

Здравствуйте.
Слайдер на основе Owl Carousel с автопрокруткой для шаблона Шоколад
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
	 {BODY}
</div>
<div class="clear"></div>
{%ENDIF%}
{%IF index_page%}

Вставьте сразу после него код:
<!-- Slider Owl Carousel -->
<div id="owl-demo1" class="slider owl-carousel owl-theme">
<div class="item"><img src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt=""></div>
<div class="item"><img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt=""></div>
<div class="item"><img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt=""></div>
</div>

В дальнейшем измените ссылки (вида http://storeland.ru/...er/toystory.jpg) на свои.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, добавьте в конце код:
// Карусель-слайдер на главной
$(document).ready(function() {
$("#owl-demo1").owlCarousel({
		 autoPlay: true,
		 stopOnHover: true,
		 navigation : false, // Show next and prev buttons
		 slideSpeed : 500,
		 paginationSpeed : 400,
		 singleItem:true
});
});

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
/* Карусель-слайдер на главной */
.slider.owl-theme .owl-controls {display:block !important;}
#owl-demo1 .item img{
	 display: block;
	 width: 100%;
	 height: auto;
}
Спасибо получилось! Единственный вопрос как изменить ширину с 1200px на 900px, пробывал изменить ничего не выходит

#92 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 15 Февраль 2016 - 16:20

Просмотр сообщенияluckmann92 (15 Февраль 2016 - 16:07) писал:

Спасибо получилось! Единственный вопрос как изменить ширину с 1200px на 900px, пробывал изменить ничего не выходит

Так как у Вас выведен блок каталога на главную, найдите в шаблоне HTML код:
	<!-- Slider Owl Carousel -->
<div id="owl-demo1" class="slider owl-carousel owl-theme">

Замените на:
	<!-- Slider Owl Carousel -->
<div id="owl-demo1" class="slider owl-carousel owl-theme adapt">

Обратно в Главная


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Шоколад
  5. → Главная
  6. Privacy Policy