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


Как разместить банер


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

#141 vender12

vender12

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

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

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

Просмотр сообщенияVaccina (30 Апрель 2015 - 03:39) писал:

Проблема возникает из-за
.banner {
left: 120px;
position: absolute;
top: 150px;
width: 120px;
z-index: 5;
}

у вас уже используется данный класс, в этом случае:
<!-- AdFrame Block begin -->
<noindex>
<div class="banner">
<adframe blockid="125008"></adframe>
<script>
var AdFrameHost="//p.adframesrc.com";var e =document.createElement("script");e.async=true;e.src=AdFrameHost + "/static/js/blockm.js?" + new Date().getTime();document.head.appendChild(e);
</script>
</div>
</noindex>
<!-- AdFrame Block end -->

замените на:
<!-- AdFrame Block begin -->
<noindex>
<div class="banners">
<adframe blockid="125008"></adframe>
<script>
var AdFrameHost="//p.adframesrc.com";var e =document.createElement("script");e.async=true;e.src=AdFrameHost + "/static/js/blockm.js?" + new Date().getTime();document.head.appendChild(e);
</script>
</div>
</noindex>
<!-- AdFrame Block end -->

далее в main.css найдите:
.banner {
position: absolute;
right: -200px;
top: 0;
}
замените на:
.banners {
position: absolute;
right: -200px;
top: 0;
}

Теперь баннер не видно на сайте, может его слева установить (возможно стрелка "вверх" мешает ).

#142 Firefly

Firefly

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

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

Отправлено 30 Апрель 2015 - 10:37

Просмотр сообщенияvender12 (30 Апрель 2015 - 09:19) писал:

Теперь баннер не видно на сайте, может его слева установить (возможно стрелка "вверх" мешает ).

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
<div class="container" id="cpages">
	  <div class="content_page">
<!-- AdFrame Block begin -->
<noindex>
<div class="banners">
<adframe blockid="125008"></adframe>
<script>
var AdFrameHost="//p.adframesrc.com";var e =document.createElement("script");e.async=true;e.src=AdFrameHost + "/static/js/blockm.js?" + new Date().getTime();document.head.appendChild(e);
</script>
</div>
</noindex>
<!-- AdFrame Block end -->

Замените на:
<div class="container" id="cpages">
<!-- AdFrame Block begin -->
<noindex>
<div class="banners">
<adframe blockid="125008"></adframe>
<script>
var AdFrameHost="//p.adframesrc.com";var e =document.createElement("script");e.async=true;e.src=AdFrameHost + "/static/js/blockm.js?" + new Date().getTime();document.head.appendChild(e);
</script>
</div>
</noindex>
<!-- AdFrame Block end -->
	 <div class="content_page">


#143 LedyMari

LedyMari

    Новичок

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

Отправлено 08 Сентябрь 2015 - 09:26

здравствуйте, http://xn--d1abblbnk7a.xn--p1ai/
1. под слайдами расположены баннеры из шаблона (доставка, оплата и т.д.) как мне поменять картинки и сделать переходы с этих баннеров на разделы сайта?
2. как сделать переходы со слайдов на нужные разделы сайта?
шаблон "лазурь"

#144 Firefly

Firefly

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

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

Отправлено 08 Сентябрь 2015 - 10:29

Просмотр сообщенияLedyMari (08 Сентябрь 2015 - 09:26) писал:

здравствуйте, http://xn--d1abblbnk7a.xn--p1ai/
1. под слайдами расположены баннеры из шаблона (доставка, оплата и т.д.) как мне поменять картинки и сделать переходы с этих баннеров на разделы сайта?
2. как сделать переходы со слайдов на нужные разделы сайта?
шаблон "лазурь"

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#topsl .block .block-title span:after {position: absolute;content: "";background: url("{ASSETS_IMAGES_PATH}ico-shoppolicy.png") no-repeat -78px top;left: 50%;top: 4px;margin-left: -39px;height: 78px;width: 78px;}
#topsl .block.money-back .block-title span:after {background-position: -234px top;}
#topsl .block.orders-247 .block-title span:after {background-position: -390px top;}
#topsl .block.secured-payment .block-title span:after {background-position: -546px top;}
#topsl .block .block-title:hover {cursor:pointer;}
#topsl .block:hover .block-title {color: #3cabda;}
#topsl .block:hover .block-title:before {border-color: #3cabda;cursor:pointer;}
#topsl .block:hover .block-title span:before {background: #3cabda;opacity: 1;filter: alpha(opacity=100);}
#topsl .block:hover .block-title span:after {background-position: 0px top;}
#topsl .block.money-back:hover .block-title span:after {background-position: -156px top;}
#topsl .block.orders-247:hover .block-title span:after {background-position: -312px top;}
#topsl .block.secured-payment:hover .block-title span:after {background-position: -468px top;}

Замените на:
#topsl .block .block-title span:after {position: absolute;content: "";/* background: url("{ASSETS_IMAGES_PATH}ico-shoppolicy.png") no-repeat -78px top; */left: 50%;top: 4px;margin-left: -39px;height: 78px;width: 78px;}
#topsl .block.free-shipping .block-title span:after {background: url("{ASSETS_IMAGES_PATH}название изображения1") no-repeat;}
#topsl .block.money-back .block-title span:after {background: url("{ASSETS_IMAGES_PATH}название изображения2") no-repeat;}
#topsl .block.orders-247 .block-title span:after {background: url("{ASSETS_IMAGES_PATH}название изображения3") no-repeat;}
#topsl .block.secured-payment .block-title span:after {background: url("{ASSETS_IMAGES_PATH}название изображения4") no-repeat;}
#topsl .block .block-title:hover {cursor:pointer;}
#topsl .block:hover .block-title {color: #3cabda;}
#topsl .block:hover .block-title:before {border-color: #3cabda;cursor:pointer;}
#topsl .block:hover .block-title span:before {background: #3cabda;opacity: 1;filter: alpha(opacity=100);}
#topsl .block:hover .block-title span:after {/* background-position: 0px top; */}
#topsl .block.money-back:hover .block-title span:after {/* background-position: -156px top; */}
#topsl .block.orders-247:hover .block-title span:after {/* background-position: -312px top; */}
#topsl .block.secured-payment:hover .block-title span:after {/* background-position: -468px top; */}

Вместо название изображения1 - название изображения4 вставьте названия иконок соответственно, которые вы загрузите по кнопке "Добавить файлы" в Редакторе шаблонов.
Размер иконок должен составлять 78x78px.

2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.slides_container img {transform:none !important;}

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		  <div u="slides" class="slides_container">
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=azure" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=azure" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=azure" />
			</div>
			 <div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=azure" />
			</div>
		  </div>

Замените на:
		  <div u="slides" class="slides_container" >
			<div>
			  <a href="ссылка на страницу 1"><img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=azure" /></a>
			</div>
			<div>
			  <a href="ссылка на страницу 2"><img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" /></a>
			</div>
			<div>
			  <a href="ссылка на страницу 3"><img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=azure" /></a>
			</div>
			<div>
			  <a href="ссылка на страницу 4"><img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=azure" /></a>
			</div>
			 <div>
			  <a href="ссылка на страницу 5"><img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=azure" /></a>
			</div>
		  </div>

Вместо слов ссылка на страницу 1 - ссылка на страницу 5 вставьте ссылки соответственно.

#145 LedyMari

LedyMari

    Новичок

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

Отправлено 08 Сентябрь 2015 - 12:50

1. как проставлять ссылки?
2. сделали как написано, пропали слайды, остался только фон

#146 Firefly

Firefly

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

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

Отправлено 08 Сентябрь 2015 - 15:25

Просмотр сообщенияLedyMari (08 Сентябрь 2015 - 12:50) писал:

1. как проставлять ссылки?
2. сделали как написано, пропали слайды, остался только фон

1. Вы можете скопировать соответствующие ссылки на нужные страницы для перехода из адресной строки Вашего браузера. Эти ссылки вставляются вместо текста ссылка на страницу, как написано в инструкции выше.
2. После выполнения предыдущей инструкции зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.slides_container img {left:0 !important;}

Замените на:
.slides_container img {left:0 !important;transform: none !important;}


#147 LedyMari

LedyMari

    Новичок

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

Отправлено 09 Сентябрь 2015 - 07:26

2. получилось сделать слайды. спасибо
1. про баннеры: "1. под слайдами расположены баннеры из шаблона (доставка, оплата и т.д.) как мне поменять картинки и сделать переходы с этих баннеров на разделы сайта?" как поменять картинки понятно!
как сделать ссылки с этих баннеров?

#148 Firefly

Firefly

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

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

Отправлено 09 Сентябрь 2015 - 09:38

Просмотр сообщенияLedyMari (09 Сентябрь 2015 - 07:26) писал:

2. получилось сделать слайды. спасибо
1. про баннеры: "1. под слайдами расположены баннеры из шаблона (доставка, оплата и т.д.) как мне поменять картинки и сделать переходы с этих баннеров на разделы сайта?" как поменять картинки понятно!
как сделать ссылки с этих баннеров?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
			<div class="block free-shipping col-xs-3 col-md-6">

Замените на:
			<div class="block free-shipping col-xs-3 col-md-6" onclick="location.href='ссылка на страницу';">

Найдите код:
			<div class="block money-back col-xs-3 col-md-6">

Замените на:
			<div class="block money-back col-xs-3 col-md-6" onclick="location.href='ссылка на страницу';">

Найдите код:
			<div class="block orders-247 col-xs-3 col-md-6">

Замените на:
			<div class="block orders-247 col-xs-3 col-md-6" onclick="location.href='ссылка на страницу';">

Найдите код:
			<div class="block secured-payment col-xs-3 col-md-6">

Замените на:
			<div class="block secured-payment col-xs-3 col-md-6" onclick="location.href='ссылка на страницу';">

В каждой строке пропишите ссылки на нужные страницы.

#149 LedyMari

LedyMari

    Новичок

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

Отправлено 09 Сентябрь 2015 - 12:53

СПАСИБО. все получилось

#150 Karapuzov

Karapuzov

    Новичок

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

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

Добрый день, вроде перечитал всю ветку но не нашел, подскажите, как вставить баннер в шапку сайта https://karapuzov.net/  над блоком товары, справа от логотипа. Чтобы на все страницы. Шаблон "Техника" Пробовал вставить слайдер по инструкции, но не получилось.. Так хотя бы одну картинку)

#151 Vaccina

Vaccina

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

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

Отправлено 02 Февраль 2018 - 08:56

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Правый блок. Контент сайта -->
	  <div class="span8" style="padding-bottom: 10px;">
	  <div class="row-fluid"> 
            
после него вставьте:
<a href="ссылка на страницу"><img src="ссылка на картинку" alt="" style="width:100%;" /></a>

Текст замените на необходимые ссылки.

#152 Karapuzov

Karapuzov

    Новичок

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

Отправлено 03 Февраль 2018 - 19:37

Просмотр сообщенияVaccina (02 Февраль 2018 - 08:56) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Правый блок. Контент сайта -->
	 <div class="span8" style="padding-bottom: 10px;">
	 <div class="row-fluid"> 

после него вставьте:
<a href="ссылка на страницу"><img src="ссылка на картинку" alt="" style="width:100%;" /></a>

Текст замените на необходимые ссылки.


Вообще было бы идеально вставить слайдер (такой как описано в ФАК) но код который указан в инструкции в моем шаблоне отсутствует (не ищется через поиск) Подскажете? Шаблон Техника.

С ним как то все понятно, а вот как вставить ссылки на изображение и страницы вместо текста в коде как вы написали выше , не понимаю))

#153 Stasya

Stasya

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

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

Отправлено 09 Февраль 2018 - 16:46

Просмотр сообщенияKarapuzov (03 Февраль 2018 - 19:37) писал:

Вообще было бы идеально вставить слайдер (такой как описано в ФАК) но код который указан в инструкции в моем шаблоне отсутствует (не ищется через поиск) Подскажете? Шаблон Техника.

С ним как то все понятно, а вот как вставить ссылки на изображение и страницы вместо текста в коде как вы написали выше , не понимаю))
Здравствуйте. Простите за длительное ожидание ответа.
Вам необходимо распаковать архив и загрузить файлы в разделе Сайт-> Файлы.
После этого в шаблоне HTML найдите строку
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css?design=tech" type="text/css" />
и после нее вставьте код
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" />
Далее найдите код
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=tech"></script>
после него вставьте
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js"></script>
, а далее все по инструкции (в стандартном шаблоне {BODY} будет находится примерно на 537 строке ).

#154 hollywood

hollywood

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

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

Отправлено 27 Июнь 2018 - 11:47

Здравствуйте, пожалуйста подскажите куда вставить код банера ЯМ на шаблоне "ночь", что бы банер отображался справа на главной Аккаунт SL-450613

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

  • _phqxuB8FDo.jpg


#155 Mr.Nito

Mr.Nito

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

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

Отправлено 29 Июнь 2018 - 10:57

Просмотр сообщенияhollywood (27 Июнь 2018 - 11:47) писал:

Здравствуйте, пожалуйста подскажите куда вставить код банера ЯМ на шаблоне "ночь", что бы банер отображался справа на главной Аккаунт SL-450613
На разрешениях ниже 1920 баннер уже будет не видно
Лучше разместить баннер в другом месте, например горизонтально

#156 hollywood

hollywood

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

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

Отправлено 30 Июнь 2018 - 12:19

Просмотр сообщенияMr.Nito (29 Июнь 2018 - 10:57) писал:

На разрешениях ниже 1920 баннер уже будет не видно
Лучше разместить баннер в другом месте, например горизонтально

Я Вас понял. А в шапке с левой стороны?

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

  • $_10.jpg


#157 metry

metry

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

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

Отправлено 02 Июль 2018 - 12:26

Добрый день. Пожалуйста, загрузите изображение Вашего баннера в через кнопку "Добавить файлы" в разделе Сайт-->Редактор шаблонов. Далее пришлите нам название загруженной картинки.

#158 hollywood

hollywood

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

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

Отправлено 02 Июль 2018 - 21:25

Просмотр сообщенияmetry (02 Июль 2018 - 12:26) писал:

Добрый день. Пожалуйста, загрузите изображение Вашего баннера в через кнопку "Добавить файлы" в разделе Сайт-->Редактор шаблонов. Далее пришлите нам название загруженной картинки.

rating_6_2.jpg

#159 metry

metry

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

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

Отправлено 03 Июль 2018 - 20:35

Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:

	 <!-- /END Логотип -->
	 <!-- Меню -->
	 <div id="menu" class="wrap">
	 <div class="container">
		 <div class="row">
		 <div id="custommenu">
			 <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
			 {%IFNOT catalog_full_empty%}
				 {%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="wrap_submenu {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
					 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
					 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"><span>{catalog_full.NAME}</span></a>
					 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
				 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				 {%ENDFOR%}
			 {%ENDIF%}
			 </ul>
		 </div>

после него вставьте:
		 <div class="banner">
		 <a href="#"><img src="{ASSETS_IMAGES_PATH}rating_6_2.jpg" alt="" title="" /></a>
		 </div>
- в вставленном коде вместо # вставьте свою ссылку для перехода при нажатии на картинку.

#160 hollywood

hollywood

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

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

Отправлено 04 Июль 2018 - 00:03

Просмотр сообщенияmetry (03 Июль 2018 - 20:35) писал:

Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:

	 <!-- /END Логотип -->
	 <!-- Меню -->
	 <div id="menu" class="wrap">
	 <div class="container">
		 <div class="row">
		 <div id="custommenu">
			 <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
			 {%IFNOT catalog_full_empty%}
				 {%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="wrap_submenu {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
					 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
					 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"><span>{catalog_full.NAME}</span></a>
					 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
				 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				 {%ENDFOR%}
			 {%ENDIF%}
			 </ul>
		 </div>

после него вставьте:
		 <div class="banner">
		 <a href="#"><img src="{ASSETS_IMAGES_PATH}rating_6_2.jpg" alt="" title="" /></a>
		 </div>
- в вставленном коде вместо # вставьте свою ссылку для перехода при нажатии на картинку.
Все получилось, благодарю!




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

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