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


Замена Картинок На Слайдере


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

#1 Taras

Taras

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

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

Отправлено 10 Январь 2015 - 13:34

Как заменить картинки на слайдере??

#2 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 10 Январь 2015 - 13:43

Просмотр сообщенияTaras (10 Январь 2015 - 13:34) писал:

Как заменить картинки на слайдере??
Здравствуйте. Загрузите изображения в редакторе шаблонов (кнопка Добавить файлы в нижней левой части экрана) и в шаблоне HTML замените
<!-- Слайдер на главной странице сайта --->
						{% IF index_page %}
							<div id="owl-one-slider" class="owl-carousel owl-theme">
								<div class="item">
									<a href="#" target="_blank">
										<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="Описание слайда">
									</a>
								</div>
								<div class="item" style="display:none">
									<a href="#" target="_blank">
										<img src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="Описание слайда">
									</a>
								</div>
								<div class="item" style="display:none">
									<a href="#" target="_blank">
										<img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="Описание слайда">
									</a>
								</div>
								<div class="item" style="display:none">
									<a href="#" target="_blank">
										<img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="Описание слайда">
									</a>
на
<!-- Слайдер на главной странице сайта --->
						{% IF index_page %}
							<div id="owl-one-slider" class="owl-carousel owl-theme">
								<div class="item">
									<a href="#" target="_blank">
										<img src="{ASSETS_IMAGES_PATH}картинка" alt="Описание слайда">
									</a>
								</div>
								<div class="item" style="display:none">
									<a href="#" target="_blank">
										<img src="{ASSETS_IMAGES_PATH}картинка" alt="Описание слайда">
									</a>
								</div>
								<div class="item" style="display:none">
									<a href="#" target="_blank">
										<img src="{ASSETS_IMAGES_PATH}картинка" alt="Описание слайда">
									</a>
								</div>
								<div class="item" style="display:none">
									<a href="#" target="_blank">
										<img src="{ASSETS_IMAGES_PATH}картинка" alt="Описание слайда">
									</a>
заменив слово картинка на названия изображений.

#3 Taras

Taras

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

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

Отправлено 10 Январь 2015 - 17:21

А будет ли зависить скорость загрузки, если добавить в слайдер больше картинок??

#4 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 10 Январь 2015 - 17:51

Просмотр сообщенияTaras (10 Январь 2015 - 17:21) писал:

А будет ли зависить скорость загрузки, если добавить в слайдер больше картинок??
Зависит от количества добавленных картинок.

#5 dele69

dele69

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

  • Пользователи
  • PipPipPip
  • 61 сообщений
  • ГородМосква

Отправлено 10 Январь 2015 - 20:11

всех с праздниками!!! помогите пожалуйста, вопрос таков, хочу на главной странице в контактах чтобы отображал помимо номеров контактов и аськи со скайпом еще значок viber Изображение и телефон далее

#6 dele69

dele69

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

  • Пользователи
  • PipPipPip
  • 61 сообщений
  • ГородМосква

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

Просмотр сообщенияdele69 (10 Январь 2015 - 20:11) писал:

всех с праздниками!!! помогите пожалуйста, вопрос таков, хочу на главной странице в контактах чтобы отображал помимо номеров контактов и аськи со скайпом еще значок viber Изображение и телефон далее
    
Аккаунт SL-301047

#7 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 13 Январь 2015 - 11:41

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

Аккаунт SL-301047
Изменения произвели, проверьте.
В шаблоне html найдите код
<span class="phoneImg2"></span><a itemprop="telephone" title="Номер телефона:###" href="###" >Номер телефона</a>
и замените текст "номер телефона" на свой.

#8 dele69

dele69

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

  • Пользователи
  • PipPipPip
  • 61 сообщений
  • ГородМосква

Отправлено 01 Февраль 2015 - 16:47

Спасибо, теперь на этом аккаунте SL 301047, хотелось бы знак и телефон ватцап) Изображение

Просмотр сообщенияdele69 (01 Февраль 2015 - 16:45) писал:

Спасибо, теперь на этом аккаунте SL 301047, хотелось бы знак и телефон ватцап) Изображение


и хотелось бы на этом тоже - Аккаунт SL-30157

Просмотр сообщенияdele69 (01 Февраль 2015 - 16:46) писал:

Спасибо, теперь на этом аккаунте SL 301047, хотелось бы знак и телефон ватцап) Изображение


Аккаунт SL-301578

#9 MikDark

MikDark

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

  • Модераторы
  • 6 462 сообщений

Отправлено 01 Февраль 2015 - 18:03

Просмотр сообщенияdele69 (01 Февраль 2015 - 16:47) писал:

Спасибо, теперь на этом аккаунте SL 301047, хотелось бы знак и телефон ватцап) Изображение






Аккаунт SL-301578

В шаблоне HTML найдите код:
<!-- ICQ номер -->
				{% IF SETTINGS_STORE_ICQ %}
				  <div class="contentTableHeadMainIcq">
					<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
					<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				  </div>
				{% ENDIF %}

и после него добавьте:
<div class="contentTableHeadMainIcq">
					<img class="valignMiddle" src="ссылка на картинку WhatsApp" alt="WhatsApp" width="16" height="16" />
					<span class="valignMiddle">Номер WhatsApp</span>
				  </div>


#10 dele69

dele69

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

  • Пользователи
  • PipPipPip
  • 61 сообщений
  • ГородМосква

Отправлено 01 Февраль 2015 - 18:37

Просмотр сообщенияMikDark (01 Февраль 2015 - 18:03) писал:

В шаблоне HTML найдите код:
<!-- ICQ номер -->
			 {% IF SETTINGS_STORE_ICQ %}
				 <div class="contentTableHeadMainIcq">
				 <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
				 <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				 </div>
			 {% ENDIF %}

и после него добавьте:
<div class="contentTableHeadMainIcq">
				 <img class="valignMiddle" src="ссылка на картинку WhatsApp" alt="WhatsApp" width="16" height="16" />
				 <span class="valignMiddle">Номер WhatsApp</span>
				 </div>


значек ватссапа не отображается....

#11 dele69

dele69

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

  • Пользователи
  • PipPipPip
  • 61 сообщений
  • ГородМосква

Отправлено 01 Февраль 2015 - 18:45

Просмотр сообщенияMikDark (01 Февраль 2015 - 18:03) писал:

В шаблоне HTML найдите код:
<!-- ICQ номер -->
			 {% IF SETTINGS_STORE_ICQ %}
				 <div class="contentTableHeadMainIcq">
				 <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
				 <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				 </div>
			 {% ENDIF %}

и после него добавьте:
<div class="contentTableHeadMainIcq">
				 <img class="valignMiddle" src="ссылка на картинку WhatsApp" alt="WhatsApp" width="16" height="16" />
				 <span class="valignMiddle">Номер WhatsApp</span>
				 </div>
Все спасибо, разобрался!

#12 ortosalon

ortosalon

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

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

Отправлено 16 Март 2015 - 16:04

Просмотр сообщенияAlekseys (10 Январь 2015 - 13:43) писал:

Здравствуйте. Загрузите изображения в редакторе шаблонов (кнопка Добавить файлы в нижней левой части экрана) и в шаблоне HTML замените
<!-- Слайдер на главной странице сайта --->
					 {% IF index_page %}
						 <div id="owl-one-slider" class="owl-carousel owl-theme">
							 <div class="item">
								 <a href="#" target="_blank">
									 <img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="Описание слайда">
								 </a>
							 </div>
							 <div class="item" style="display:none">
								 <a href="#" target="_blank">
									 <img src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="Описание слайда">
								 </a>
							 </div>
							 <div class="item" style="display:none">
								 <a href="#" target="_blank">
									 <img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="Описание слайда">
								 </a>
							 </div>
							 <div class="item" style="display:none">
								 <a href="#" target="_blank">
									 <img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="Описание слайда">
								 </a>
на
<!-- Слайдер на главной странице сайта --->
					 {% IF index_page %}
						 <div id="owl-one-slider" class="owl-carousel owl-theme">
							 <div class="item">
								 <a href="#" target="_blank">
									 <img src="{ASSETS_IMAGES_PATH}картинка" alt="Описание слайда">
								 </a>
							 </div>
							 <div class="item" style="display:none">
								 <a href="#" target="_blank">
									 <img src="{ASSETS_IMAGES_PATH}картинка" alt="Описание слайда">
								 </a>
							 </div>
							 <div class="item" style="display:none">
								 <a href="#" target="_blank">
									 <img src="{ASSETS_IMAGES_PATH}картинка" alt="Описание слайда">
								 </a>
							 </div>
							 <div class="item" style="display:none">
								 <a href="#" target="_blank">
									 <img src="{ASSETS_IMAGES_PATH}картинка" alt="Описание слайда">
								 </a>
заменив слово картинка на названия изображений.
Сделал все как написано, теперь на сайте вместо слайда иконки от не загруженных картинок. SL-337106

#13 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 16 Март 2015 - 16:12

Просмотр сообщенияortosalon (16 Март 2015 - 16:04) писал:

Сделал все как написано, теперь на сайте вместо слайда иконки от не загруженных картинок. SL-337106
Здравствуйте. В шаблоне HTML замените в
<!-- Слайдер на главной странице сайта --->
										 {% IF index_page %}
												 <div id="owl-one-slider" class="owl-carousel owl-theme">
														 <div class="item">
																 <a href="#" target="_blank">
																		 <img src="{ASSETS_IMAGES_PATH}картинка" alt="Описание слайда">
																 </a>
														 </div>
														 <div class="item" style="display:none">
																 <a href="#" target="_blank">
																		 <img src="{ASSETS_IMAGES_PATH}картинка" alt="Описание слайда">
																 </a>
														 </div>
														 <div class="item" style="display:none">
																 <a href="#" target="_blank">
																		 <img src="{ASSETS_IMAGES_PATH}картинка" alt="Описание слайда">
																 </a>
														 </div>
														 <div class="item" style="display:none">
																 <a href="#" target="_blank">
																		 <img src="{ASSETS_IMAGES_PATH}картинка" alt="Описание слайда">
																 </a>
слово КАРТИНКА на название картинки.

#14 Alexey Nicolaevich

Alexey Nicolaevich

    Новичок

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

Отправлено 18 Февраль 2016 - 23:54

Доброго времени суток. Подскажите пожалуйста как сделать на слайдере кликабельные картинки. 4 товара-хита из разных категорий (пример: нажал на слайд №1 и перешел к этому товару)

#15 Vaccina

Vaccina

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

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

Отправлено 19 Февраль 2016 - 01:24

В шаблоне HTML найдите:
<div id="owl-one-slider" class="owl-carousel owl-theme">
																<div class="item">
																		<a href="#" target="_blank">
																				<img src="{ASSETS_IMAGES_PATH}slide_bogatir.jpg"  alt="Описание слайда">
																																						</a>
																</div>
																<div class="item" style="display:none">
																		<a href="#" target="_blank">
																				<img src="{ASSETS_IMAGES_PATH}slide_karapuz.jpg" alt="Описание слайда">
																		</a>
																</div>
																<div class="item" style="display:none">
																		<a href="#" target="_blank">
																				<img src="{ASSETS_IMAGES_PATH}slide_teremok_met.jpg" alt="Описание слайда">
																		</a>
																</div>
																<div class="item" style="display:none">
																		<a href="#" target="_blank">
																				<img src="{ASSETS_IMAGES_PATH}slide_teremok_wood.jpg" alt="Описание слайда">
																		</a>
								   
								   
								</div>
							</div>

в нем вместо знаков # пропишите необходимые ссылки.




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

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