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


Баннер

размещение

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

#21 Жан

Жан

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

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

Отправлено 31 Март 2016 - 08:08

Мне необходимо чтобы этот банер не утратил возможности при нажатии на него перехода по ссылки ! То есть, есть одна картинка, потом сменяет вторую, третью и при нажатии на каждую из них, переходим на разные ссылки )))) для каждой картинки, своя ссылка!
Укажите пожалуйста какой именно код слайдера надо вставить ))) Спасибо.

#22 Юля123

Юля123

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

  • Модератоpы
  • 2 567 сообщений

Отправлено 31 Март 2016 - 09:45

Просмотр сообщенияЖан (31 Март 2016 - 08:08) писал:

Мне необходимо чтобы этот банер не утратил возможности при нажатии на него перехода по ссылки ! То есть, есть одна картинка, потом сменяет вторую, третью и при нажатии на каждую из них, переходим на разные ссылки )))) для каждой картинки, своя ссылка!
Укажите пожалуйста какой именно код слайдера надо вставить ))) Спасибо.

В слайдер можно добавить также изображения со ссылками. Давайте сначала попробуем вариант "полегче" - бегущую строчку с картинками. Она проще в реализации и не так сильно загружает сайт, как дополнительный слайдер.


Для этого Вам нужно в шаблоне HTML код:

<a href=" http://line-classic36.ru/news/PReIMUShheSTVA-SVeTILNIKOV-ot-kompanii-LINE-CLASSIC "><img src="http://design.line-classic36.ru/lkbanner%20%D1%81%D0%BA%D0%B8%D0%B4%D0%BA%D0%B0.jpg?0106" alt="" title="" /></a>

заменить на код:
		  <marquee direction="right" scrollamount="10">
<a href=" http://line-classic36.ru/news/PReIMUShheSTVA-SVeTILNIKOV-ot-kompanii-LINE-CLASSIC " style="margin-left:10px;"><img src="http://design.line-classic36.ru/lkbanner%20%D1%81%D0%BA%D0%B8%D0%B4%D0%BA%D0%B0.jpg?0106" alt="" title="" /></a>
<a href="ссылка для второй картинки " style="margin-left:10px;"><img src="ссылка на вторую картинку" alt="" title="" /></a>
<a href="ссылка для третьей картинки" style="margin-left:10px;"><img src="ссылка на третью картинку" alt="" title="" /></a>
</marquee>

и замените ссылки на страницы и ссылки на картинки на нужные, если нужно добавить больше картинок, то это также можно сделать, добавляя аналогичный код после кода:

<a href="ссылка для третьей картинки" style="margin-left:10px;"><img src="ссылка на третью картинку" alt="" title="" /></a>


#23 Жан

Жан

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

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

Отправлено 31 Март 2016 - 15:33

Просмотр сообщенияЮля123 (31 Март 2016 - 09:45) писал:

В слайдер можно добавить также изображения со ссылками. Давайте сначала попробуем вариант "полегче" - бегущую строчку с картинками. Она проще в реализации и не так сильно загружает сайт, как дополнительный слайдер.


Для этого Вам нужно в шаблоне HTML код:

<a href=" http://line-classic36.ru/news/PReIMUShheSTVA-SVeTILNIKOV-ot-kompanii-LINE-CLASSIC "><img src="http://design.line-classic36.ru/lkbanner%20%D1%81%D0%BA%D0%B8%D0%B4%D0%BA%D0%B0.jpg?0106" alt="" title="" /></a>

заменить на код:
		 <marquee direction="right" scrollamount="10">
<a href=" http://line-classic36.ru/news/PReIMUShheSTVA-SVeTILNIKOV-ot-kompanii-LINE-CLASSIC " style="margin-left:10px;"><img src="http://design.line-classic36.ru/lkbanner%20%D1%81%D0%BA%D0%B8%D0%B4%D0%BA%D0%B0.jpg?0106" alt="" title="" /></a>
<a href="ссылка для второй картинки " style="margin-left:10px;"><img src="ссылка на вторую картинку" alt="" title="" /></a>
<a href="ссылка для третьей картинки" style="margin-left:10px;"><img src="ссылка на третью картинку" alt="" title="" /></a>
</marquee>

и замените ссылки на страницы и ссылки на картинки на нужные, если нужно добавить больше картинок, то это также можно сделать, добавляя аналогичный код после кода:

<a href="ссылка для третьей картинки" style="margin-left:10px;"><img src="ссылка на третью картинку" alt="" title="" /></a>

Отлично Юля! Мне нравиться очень.
Я думаю для более рационального подхода, необходимо что бы каждая картинка останавливалась на 3-5  секунды, чтобы прочитать информацию ))))))
Спасибо! ( я и не знал что такой вариант бывает отлично  !!! ((( Спасибо )))) !!!

#24 Юля123

Юля123

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

  • Модератоpы
  • 2 567 сообщений

Отправлено 31 Март 2016 - 16:10

Просмотр сообщенияЖан (31 Март 2016 - 15:33) писал:

Отлично Юля! Мне нравиться очень.
Я думаю для более рационального подхода, необходимо что бы каждая картинка останавливалась на 3-5  секунды, чтобы прочитать информацию ))))))
Спасибо! ( я и не знал что такой вариант бывает отлично  !!! ((( Спасибо )))) !!!


К сожалению, при такой реализации добавить остановку картинок, т.к. это по сти бегщая строка, можно лишь только управлять скоростью прокрутки. Для этого в этом коде у атрибута scrollamount="10" меняйте значение 10 (в вашем случае нужно уменьшить). Если Вас это не устраивает, тогда лучше всё-таи поставить слайдер.

#25 Жан

Жан

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

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

Отправлено 31 Март 2016 - 20:29

Просмотр сообщенияЮля123 (31 Март 2016 - 16:10) писал:

К сожалению, при такой реализации добавить остановку картинок, т.к. это по сти бегщая строка, можно лишь только управлять скоростью прокрутки. Для этого в этом коде у атрибута scrollamount="10" меняйте значение 10 (в вашем случае нужно уменьшить). Если Вас это не устраивает, тогда лучше всё-таи поставить слайдер.

В маём случае покажите как корректно все сделать с установкой в этом месте слайдера ! Спасибо

#26 Vaccina

Vaccina

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

  • Модераторы
  • 23 894 сообщений

Отправлено 01 Апрель 2016 - 06:22

В шаблоне HTML найдите:
<div class="banner">
				   <marquee direction="left" scrollamount="5">
<a href="http://line-classic36.ru/news/PReIMUShheSTVA-SVeTILNIKOV-ot-kompanii-LINE-CLASSIC" style="margin-left:1px;"><img src="http://design.line-classic36.ru/3.jpg?5770" alt="" title="" /></a>
<a href="http://antik-36.ru" style="margin-left:1px;"><img src="http://design.line-classic36.ru/4.jpg?7010" alt="" title="" /></a>
</marquee>
		  </div>

замените на:
<div class="theme-default" style="display: none;">
<div id="slider2">
<a href="http://line-classic36.ru/news/PReIMUShheSTVA-SVeTILNIKOV-ot-kompanii-LINE-CLASSIC" style="margin-left:1px;"><img src="http://design.line-classic36.ru/3.jpg?5770" alt="" /></a>
<a href="http://antik-36.ru" style="margin-left:1px;"><img src="http://design.line-classic36.ru/4.jpg?7010" alt="" /></a>
</div>
</div>
<script type="text/javascript">
$(window).load(function() {
$('#slider2').nivoSlider().parent().show();
});
</script>


В nyvo.css найдитe:
.theme-default .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}
после него пропишите:
#slider2 + .nivo-controlNav {
	padding: 5px 0;
}


#27 Жан

Жан

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

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

Отправлено 01 Апрель 2016 - 09:11

Просмотр сообщенияVaccina (01 Апрель 2016 - 06:22) писал:

В шаблоне HTML найдите:
<div class="banner">
				 <marquee direction="left" scrollamount="5">
<a href="http://line-classic36.ru/news/PReIMUShheSTVA-SVeTILNIKOV-ot-kompanii-LINE-CLASSIC" style="margin-left:1px;"><img src="http://design.line-classic36.ru/3.jpg?5770" alt="" title="" /></a>
<a href="http://antik-36.ru" style="margin-left:1px;"><img src="http://design.line-classic36.ru/4.jpg?7010" alt="" title="" /></a>
</marquee>
		 </div>

замените на:
<div class="theme-default" style="display: none;">
<div id="slider2">
<a href="http://line-classic36.ru/news/PReIMUShheSTVA-SVeTILNIKOV-ot-kompanii-LINE-CLASSIC" style="margin-left:1px;"><img src="http://design.line-classic36.ru/3.jpg?5770" alt="" /></a>
<a href="http://antik-36.ru" style="margin-left:1px;"><img src="http://design.line-classic36.ru/4.jpg?7010" alt="" /></a>
</div>
</div>
<script type="text/javascript">
$(window).load(function() {
$('#slider2').nivoSlider().parent().show();
});
</script>


В nyvo.css найдитe:
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}
после него пропишите:
#slider2 + .nivo-controlNav {
padding: 5px 0;
}


:rolleyes:  ((( СПАСИБО  СПАСИБО СПАСИБО ))) :rolleyes:

#28 Жан

Жан

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

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

Отправлено 02 Апрель 2016 - 21:38

Здравствуйте ! у меня после всех реформ все работает, только вот что высвечивает скрин прелогаю Наверное чтото напортачил помогите решить)))))
С П А С И Б О!

! SOS !  так раздражает эта красная надпись не могу работать (((((((

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

  • Безымянный.jpg


#29 Firefly

Firefly

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

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

Отправлено 03 Апрель 2016 - 10:09

Просмотр сообщенияЖан (02 Апрель 2016 - 21:38) писал:

Здравствуйте ! у меня после всех реформ все работает, только вот что высвечивает скрин прелогаю Наверное чтото напортачил помогите решить)))))
С П А С И Б О!

! SOS !  так раздражает эта красная надпись не могу работать (((((((

Здравствуйте.
Данная ошибка возникает на стороне подключенного у Вас скрипта снега, который не работает.
Вы можете удалить подключение для устранения ошибки, для этого зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите и удалите код:
<script type="text/javascript" src="http://st.line-classic36.ru/6/1539/785/snow.js"></script>


#30 Жан

Жан

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

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

Отправлено 03 Апрель 2016 - 17:33

Просмотр сообщенияFirefly (03 Апрель 2016 - 10:09) писал:

Здравствуйте.
Данная ошибка возникает на стороне подключенного у Вас скрипта снега, который не работает.
Вы можете удалить подключение для устранения ошибки, для этого зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите и удалите код:
<script type="text/javascript" src="http://st.line-classic36.ru/6/1539/785/snow.js"></script>



((((((   Спасибо  )))))))))

#31 Жан

Жан

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

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

Отправлено 03 Апрель 2016 - 18:08

Здравствуйте! возникло необходимость расположить с права на против бегущей строки статичного баннера.

Вот этот код статичного баннера какой вы мне уже собирали)))))

<div class="block">
  <div class="blocktitle bluelarge"><a href="#">Скидка</a></div>
  <div class="banner">
  <a href=" ссылка на страницу"><img src="ссылка на изображение" alt="" title="" /></a>
  </div>
  <div class="blockbottom"></div>
</div>

   надо вставить с права скрин правильного расположения прилагаю

((((( С П А С И Б О ))))))

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

  • статичный банер.jpg


#32 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 03 Апрель 2016 - 18:41

Просмотр сообщенияЖан (03 Апрель 2016 - 18:08) писал:

Здравствуйте! возникло необходимость расположить с права на против бегущей строки статичного баннера.

Вот этот код статичного баннера какой вы мне уже собирали)))))

<div class="block">
  <div class="blocktitle bluelarge"><a href="#">Скидка</a></div>
  <div class="banner">
  <a href=" ссылка на страницу"><img src="ссылка на изображение" alt="" title="" /></a>
  </div>
  <div class="blockbottom"></div>
</div>

   надо вставить с права скрин правильного расположения прилагаю

((((( С П А С И Б О ))))))

Здравствуйте. В шаблоне html найдите строки:

{% ENDIF %}
		 <!-- Последние товары, просмотренные пользователем -->

после них вставьте:

<div class="block">
<div class="blocktitle bluelarge"><a href="#">Скидка</a></div>
<div class="banner">
<a href=" ссылка на страницу"><img src="{ASSETS_IMAGES_PATH}1.jpg" alt="" title="" /></a>
</div>
<div class="blockbottom"></div>
</div>

Замените название изображения и название блока на необходимые.

1.jpg

#33 Жан

Жан

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

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

Отправлено 03 Апрель 2016 - 18:55

Просмотр сообщенияRedHead (03 Апрель 2016 - 18:41) писал:

Здравствуйте. В шаблоне html найдите строки:

{% ENDIF %}
		 <!-- Последние товары, просмотренные пользователем -->

после них вставьте:

<div class="block">
<div class="blocktitle bluelarge"><a href="#">Скидка</a></div>
<div class="banner">
<a href=" ссылка на страницу"><img src="{ASSETS_IMAGES_PATH}1.jpg" alt="" title="" /></a>
</div>
<div class="blockbottom"></div>
</div>

Замените название изображения и название блока на необходимые.

Прикрепленный файл 1.jpg
Сделал как вы сказали и тишина )))))

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

  • скрин вставки.jpg


#34 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 03 Апрель 2016 - 19:08

Просмотр сообщенияЖан (03 Апрель 2016 - 18:55) писал:

Сделал как вы сказали и тишина )))))

Внесла Вам изменения, проверьте, пожалуйста. Данный код нужно было вставить чуть ниже. Замените изображение и название блока на необходимые.

#35 Жан

Жан

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

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

Отправлено 03 Апрель 2016 - 19:45

Просмотр сообщенияRedHead (03 Апрель 2016 - 19:08) писал:

Внесла Вам изменения, проверьте, пожалуйста. Данный код нужно было вставить чуть ниже. Замените изображение и название блока на необходимые.

Как приятно все сделали за тебя ))))) Спасибо!!!
Осталось только установить его на уровне с бегущей строкой с права! А колонку вы смотрели, сделать покороче пусть отоброжается в ней не более 3-х просмотренных ранее ))))) Словом бегущая строка и статичный баннер в одном уровне по горизонтали )))) Спасибо!!!

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

  • images.jpg


#36 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 03 Апрель 2016 - 20:10

Просмотр сообщенияЖан (03 Апрель 2016 - 19:45) писал:

Как приятно все сделали за тебя ))))) Спасибо!!!
Осталось только установить его на уровне с бегущей строкой с права! А колонку вы смотрели, сделать покороче пусть отоброжается в ней не более 3-х просмотренных ранее ))))) Словом бегущая строка и статичный баннер в одном уровне по горизонтали )))) Спасибо!!!

В шаблоне html найдите блок кода:

<tr class="txtalgnlft">
				 <td class="img txtalgncnt">
				 <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
				 </td>
				 <td class="link statetitle fnt12n txtalgnlft">
				 <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a>
				 </td>
			 </tr>
			 {% ENDFOR %}
			 </table>
		 </div>
		 <div class="blockbottom"></div>
		 </div>
		 {% ENDIF %}
		 <!-- Последние товары, просмотренные пользователем -->
		
		 <!-- Банер статичный с права -->

перед ним вставьте строку:

{% IF recently_viewed_goods.index > 3 %}{break}{% ENDIF %}

Получится вот так.

1.jpg

Немного не на одном уровне. Можно увеличить отступ сверху у правого баннера, но этот отступ будет бросаться в глаза. Вот так:  

2.jpg

Если хотите, можно сделать.

#37 Жан

Жан

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

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

Отправлено 03 Апрель 2016 - 20:21

Просмотр сообщенияRedHead (03 Апрель 2016 - 20:10) писал:

В шаблоне html найдите блок кода:

<tr class="txtalgnlft">
				 <td class="img txtalgncnt">
				 <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
				 </td>
				 <td class="link statetitle fnt12n txtalgnlft">
				 <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a>
				 </td>
			 </tr>
			 {% ENDFOR %}
			 </table>
		 </div>
		 <div class="blockbottom"></div>
		 </div>
		 {% ENDIF %}
		 <!-- Последние товары, просмотренные пользователем -->
		
		 <!-- Банер статичный с права -->

перед ним вставьте строку:

{% IF recently_viewed_goods.index > 3 %}{break}{% ENDIF %}

Получится вот так.

Прикрепленный файл 1.jpg

Немного не на одном уровне. Можно увеличить отступ сверху у правого баннера, но этот отступ будет бросаться в глаза. Вот так:  

Прикрепленный файл 2.jpg

Если хотите, можно сделать.
RedHead  ((((((С П А С И Б О ))))))  Всё получилось!!!

Админы здесь просто чудо!!!! Спасибо вам за вашу помощь, терпение и понимание!!!
С огромным уважение к вам от сердца)))))))  ЖАН

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

  • wallpapers-flowers-5.jpg


#38 Жан

Жан

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

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

Отправлено 08 Апрель 2016 - 19:41

Здравствуйте Можно ли устроить для номенклатурных позиций, возможность присвоения значка скидки и цены со скидкой под ценой стандартной скриншот прилагаю!

((( Спасибо )))

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

  • Безымянный.jpg


#39 Vaccina

Vaccina

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

  • Модераторы
  • 23 894 сообщений

Отправлено 09 Апрель 2016 - 05:17

Есть два варианта реализации:
- в разделе Товары - Товары создать акцию с необходимым процентом скидки и разместить в ней необходимые товары.
- в товарах указать старую стоимость и скриптом высчитывать разницу в ценах и в последующем выводить.

Уточните пожалуйста какой вариант вас устроит?

#40 Жан

Жан

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

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

Отправлено 09 Апрель 2016 - 11:09

СОЗДАЛ- в разделе Товары -  акцию с необходимым процентом скидки и разместить в ней необходимые товары. но на главной странице ни где её не обнаружил! как корректно её отобразить на главной странице?

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

  • Акция.jpg






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

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