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


Баннер Под Меню


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

#41 Stasya

Stasya

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

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

Отправлено 06 Март 2014 - 17:35

В шаблоне HTML найдите блок
<!-- Последние товары, просмотренные пользователем -->
			 {% IFNOT recently_viewed_goods_empty %}
			 <br /><h4 class="contentTbodyCatalogHeader">Вы смотрели</h4>
			 <div class="contentTbodyRecentlyViewed">
			 <table class="recent_viewed">
				 {% FOR recently_viewed_goods %}
				 <tr class="alignLeft {% IF recently_viewed_goods.last %}last{% ENDIF %}">
				 <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>
			 {% ENDIF %}
			 <!-- Последние товары, просмотренные пользователем -->
и после него вставьте блок
<div class="banner" style="margin-top: 20px;">
<a href="#"><img src="{ASSETS_IMAGES_PATH}banner1.png"></a>
</div>
В разделе Сайт-> Редактор шаблонов-> Добавить файлы загрузите Вашу картинку с названием banner1 и в формате png.

#42 ozimart

ozimart

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

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

Отправлено 31 Март 2015 - 00:54

Уважаемая команда Storeland,
хочу обратиться к Вам за помощью. Перепробовал все что описано выше, выдает сплошные ошибки. Хочу сейчас вместо одного слайдера сделать один прямоугольный и один квадратный. Как это реализовать?
ozimart.ru

#43 Vaccina

Vaccina

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

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

Отправлено 31 Март 2015 - 02:41

В шаблоне HTML после:
<script type="text/javascript">
							  $(document).ready(function() {
								$("#owl-one-slider .item").css('display', 'block');
								$("#owl-one-slider").owlCarousel({
								  navigation : true, // показывать кнопки next и prev
								  slideSpeed : 300,
								  paginationSpeed : 400,
								  items : 1,
								  itemsDesktop : false,
								  itemsDesktopSmall : false,
								  itemsTablet: false,
								  itemsMobile : false,
								  navigationText: false // Удаляет текст с кнопок навигации
								});
							  });
							</script>

вставьте:
<div id="owl-one-slider" class="slider2 owl-carousel owl-theme">
							 <div class="item">
									<a href="ссылка" target="_blank" >
										<img src="img.png" alt="Описание слайдa">
									</a>
								</div>
							   
							 <div class="item">
									<a href="ссылка" target="_blank" >
										<img src="img.png" alt="Описание слайдa">
									</a>
								</div>							  
								  
							</div>
							<script type="text/javascript">
							  $(document).ready(function() {
								$("#owl-one-slider.slider2 .item").css('display', 'block');
								$("#owl-one-slider.slider2").owlCarousel({
								  navigation : true, // показывать кнопки next и prev
								  slideSpeed : 300,
								  paginationSpeed : 400,
								  items : 1,
								  itemsDesktop : false,
								  itemsDesktopSmall : false,
								  itemsTablet: false,
								  itemsMobile : false,
								  navigationText: false // Удаляет текст с кнопок навигации
								});
							  });
							</script>


#44 ozimart

ozimart

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

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

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

Спасибо, все получилось. А еще подскажите, как вместо стрелочек перелистывания баннера сделать внизу точки и задать время перелистывания баннера?

#45 Vaccina

Vaccina

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

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

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

В шаблоне HTML найдите:
$(document).ready(function() {
								$("#owl-one-slider .item").css('display', 'block');
								$("#owl-one-slider").owlCarousel({
								  navigation : true, // показывать кнопки next и prev
								  slideSpeed : 300,
								  paginationSpeed : 400,
								  items : 1,
								  itemsDesktop : false,
								  itemsDesktopSmall : false,
								  itemsTablet: false,
								  itemsMobile : false,
								  navigationText: false // Удаляет текст с кнопок навигации
								});
							  });
замените на:
$(document).ready(function() {
								$("#owl-one-slider .item").css('display', 'block');
								$("#owl-one-slider").owlCarousel({
								  navigation : true, // показывать кнопки next и prev 
								  slideSpeed : 300,
								  paginationSpeed : 400, 
								  items : 1, 
								  itemsDesktop : false,
								  itemsDesktopSmall : false,
								  pagination : true,
								  autoPlay : true,
								  itemsTablet: false,
								  itemsMobile : false,
								  navigationText: false // Удаляет текст с кнопок навигации
								}); 
							  });

в шаблоне main.css после:
.topbanners .owl-carousel {
  display: block;
  float: left;
  height: 100%;
  position: relative;
  width: 78% !important;
}

пропишите:
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
}


#46 marika1010

marika1010

    Новичок

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

Отправлено 11 Апрель 2015 - 19:43

Подскажите пожалуйста как заменить баннер на другой?

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

  • 1.png


#47 Danil

Danil

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

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

Отправлено 11 Апрель 2015 - 19:56

Просмотр сообщенияmarika1010 (11 Апрель 2015 - 19:43) писал:

Подскажите пожалуйста как заменить баннер на другой?
Здравствуйте.
Зайдите в раздел сайт - редактор шаблонов - замените изображение slide1.jpg на свое, с тем же названием(slide1.jpg)

#48 Котуся

Котуся

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

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

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

День добрый!

Нужно поставить 3 баннера в шапке чуть левее от телефонов. По сути это будут 3 ссылки для скачивания прайс листов.
Подскажите как это можно сделать.

Аккаунт SL-380450

#49 Firefly

Firefly

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

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

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

Просмотр сообщенияКотуся (04 Апрель 2016 - 10:51) писал:

День добрый!

Нужно поставить 3 баннера в шапке чуть левее от телефонов. По сути это будут 3 ссылки для скачивания прайс листов.
Подскажите как это можно сделать.

Аккаунт SL-380450

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
.contacts {
display: block;
font-family: Calibri;
font-size: 14px;
line-height: 1em;
color: #000 !important;
float: left;
margin: 15px 15px 10px 415px;
}

Замените на:
.contacts {display: block;font-family: Calibri;font-size: 14px;line-height: 1em;color: #000 !important;float: right;margin: 15px 15px 10px 60px;width: 415px;}

найдите код:
.phone {
display: block;
font-family: Calibri;
line-height: 1em;
color: #000 !important;
/* float: left; */
margin-left: 598px;
margin-top: -5px;
font-size: 20px;
}

Замените на:
.phone {
display: block;
font-family: Calibri;
line-height: 1em;
color: #000 !important;
margin-left: 198px;
margin-top: -5px;
font-size: 20px;
}

Добавьте в конце style.css код:
.header_banners {float:left;}

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		  <div class="contacts">

Замените на:
		  <div class="contacts">
			<div class="header_banners">
				  <a href="#"><img src="https://cdn3.iconfinder.com/data/icons/document-icons-2/30/647707-word-24.png"></a>
					<br>
				  <a href="#"><img src="https://cdn3.iconfinder.com/data/icons/document-icons-2/30/647702-excel-24.png"></a>
					<br>
				  <a href="#"><img src="https://cdn3.iconfinder.com/data/icons/document-icons-2/30/647704-pdf-24.png"></a>
			</div>

Измените ссылки на иконки при необходимости, а так же укажите вместо # ссылки на файлы.

#50 Котуся

Котуся

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

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

Отправлено 04 Апрель 2016 - 13:30

Спасибо!!!

#51 Ната

Ната

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

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

Отправлено 30 Март 2017 - 11:46

Просмотр сообщенияmiyako (24 Февраль 2013 - 08:05) писал:

Найдите в шаблоне HTML код:
</div>

<div id="contentWrap">
и перед ним вставьте следующее:
<div style="padding: 0pt; position: absolute; bottom: 256px; height: 50px; right: 163pt; width: 922px;">Банер</div>

В файле main.csstemplate найдите код:
#contentWrap {
clear: both;
background: url(/design/contentWrap_bg.jpg) repeat-x left bottom;
}
и замените его на:
#contentWrap {
margin-top: 50px; /*добавим отступ у контента*/
clear: both;
background: url(/design/contentWrap_bg.jpg) repeat-x left bottom;
}
Здравствуйте, помогите пожалуйста новичку чайнику! Сделала как в этой инструкции. Потом загрузила файл картинку с названием bg.jpg, но баннер не отображается. Только появилось место свободное для него. Что не так сделала? И как исправить?

#52 metry

metry

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

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

Отправлено 30 Март 2017 - 12:30

Добрый день. Уточните, пожалуйста, номер Вашего аккаунта.

#53 Ната

Ната

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

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

Отправлено 31 Март 2017 - 11:00

Аккаунт SL-410382, сейчас я вернулась назад, сделала как было до изменений. Но хочу все же баннер попытаться установить.

#54 MikDark

MikDark

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

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

Отправлено 31 Март 2017 - 11:11

Просмотр сообщенияНата (31 Март 2017 - 11:00) писал:

Аккаунт SL-410382, сейчас я вернулась назад, сделала как было до изменений. Но хочу все же баннер попытаться установить.

Покажите, пожалуйста, на скриншоте, где Вы хотите установить баннер?

#55 Ната

Ната

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

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

Отправлено 31 Март 2017 - 11:40

Между верхним меню и средней частью хочу вставить баннер

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

  • Снимок.JPG


#56 MikDark

MikDark

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

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

Отправлено 31 Март 2017 - 11:48

Просмотр сообщенияНата (31 Март 2017 - 11:40) писал:

Между верхним меню и средней частью хочу вставить баннер

Вам нужно в шаблоне HTML найти код:
<div id="contentWrap">
  <div id="content">

и после него добавить:
<img src="ссылка на баннер" class="banner">

где заменить фразу Ссылка на баннер на адрес Вашего изображения

#57 Ната

Ната

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

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

Отправлено 31 Март 2017 - 12:40

Урра! Получилось! Спасибище!

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

  • стр.JPG





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

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