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


Вставить Код Яндекс Маркета


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

#1 НатальяC

НатальяC

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

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

Отправлено 28 Октябрь 2017 - 10:51

Здравствуйте. Помогите пожалуйста осуществить изменения: между блоком "Каталог" и блоком "Вы смотрели" вставить дополнительно блок "Мы на Яндекс маркете". Как я это вижу показываю на рисунке.

Код банера для вставки:
<a href="https://clck.yandex....8/reviews"><img src="https://clck.yandex....n=image&size=3" border="0" width="200" height="125" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>

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

  • 2017-10-28_171558.1.jpg


#2 Mr.Nito

Mr.Nito

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

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

Отправлено 28 Октябрь 2017 - 11:28

Просмотр сообщенияНатальяC (28 Октябрь 2017 - 10:51) писал:

Здравствуйте. Помогите пожалуйста осуществить изменения: между блоком "Каталог" и блоком "Вы смотрели" вставить дополнительно блок "Мы на Яндекс маркете". Как я это вижу показываю на рисунке.

Код банера для вставки:
<a href="https://clck.yandex....8/reviews"><img src="https://clck.yandex....n=image&size=3" border="0" width="200" height="125" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>
Здравствуйте.
В шаблоне HTML замените

		  <!--Мы на маркете-->
		  <div class="box recent">
			  <div class="catalogheader theme-color recentH">Мы на яндекс маркете</div>
			  <div>

			  </div>
		  </div>
		  <!---->

на


		  <!--Мы на маркете-->
		  <div class="box recent">
			  <div class="catalogheader theme-color recentH">Мы на яндекс маркете</div>
			  <div>
Код баннера
			  </div>
		  </div>
		  <!---->


#3 НатальяC

НатальяC

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

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

Отправлено 28 Октябрь 2017 - 12:41

Ок. Спасибо. А как сделать рамочку такую же, как указано на рисунке. И чтоб при нажатии на банер открывалось в другой вкладке, чтоб страница магазина оставалась. А то боюсь это будет уводить людей с сайта.

Просмотр сообщенияНатальяC (28 Октябрь 2017 - 12:40) писал:

Ок. Спасибо. А как сделать рамочку такую же, как указано на рисунке. И чтоб при нажатии на банер открывалось в другой вкладке, чтоб страница магазина оставалась. А то боюсь это будет уводить людей с сайта.

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

  • 2017-10-28_193721.jpg


#4 НатальяC

НатальяC

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

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

Отправлено 28 Октябрь 2017 - 17:08

Перенаправление на другую страницу сделала самостоятельно.

Осталось, чтоб рамочку помогли сделать. Чтобы гармонично вписывалось между блоками, как выше блок и ниже.

#5 Mr.Nito

Mr.Nito

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

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

Отправлено 28 Октябрь 2017 - 18:47

Просмотр сообщенияНатальяC (28 Октябрь 2017 - 17:08) писал:

Перенаправление на другую страницу сделала самостоятельно.

Осталось, чтоб рамочку помогли сделать. Чтобы гармонично вписывалось между блоками, как выше блок и ниже.
В шаблоне HTML заменил



		 <!--Мы на маркете-->
		 <div class="box recent">
			 <div class="catalogheader theme-color recentH">Мы на яндекс маркете</div>
			 <div>
на
		 <!--Мы на маркете-->
		 <div class="box recent">
			 <div class="catalogheader theme-color recentH">Мы на яндекс маркете</div>
			 <div class="prod_hold_recent">


#6 НатальяC

НатальяC

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

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

Отправлено 28 Октябрь 2017 - 20:31

Просмотр сообщенияMr.Nito (28 Октябрь 2017 - 18:47) писал:

В шаблоне HTML заменил



		 <!--Мы на маркете-->
		 <div class="box recent">
			 <div class="catalogheader theme-color recentH">Мы на яндекс маркете</div>
			 <div>
на
		 <!--Мы на маркете-->
		 <div class="box recent">
			 <div class="catalogheader theme-color recentH">Мы на яндекс маркете</div>
			 <div class="prod_hold_recent">

Вот такую рамку я и хотела.
Только вот банер маркета нужно выставить по центру относительно верха и низа. (рис. 1)

И еще посмотрела как это на телефоне выглядит и мне не нравится. На рисунке № 2 я показала как сейчас смотрится. А справа на этом же рисунке показала как я это вижу. Там должна быть только кнопка "Мы на яндекс маркете" такая же как и кнопка "Каталог". А при нажатии на нее уже открывается блок с банером. Для примера приложила рисунок № 3 - это когда на "Каталог" нажимаешь, то открывается блок с категориями каталога. Вот такой же ширины должен открываться и блок с банером Яндекс маркета.

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

  • 1.jpg
  • 2.jpg
  • 3.jpeg


#7 RayLi

RayLi

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

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

Отправлено 30 Октябрь 2017 - 17:05

Просмотр сообщенияНатальяC (28 Октябрь 2017 - 20:31) писал:

Вот такую рамку я и хотела.
Только вот банер маркета нужно выставить по центру относительно верха и низа. (рис. 1)

И еще посмотрела как это на телефоне выглядит и мне не нравится. На рисунке № 2 я показала как сейчас смотрится. А справа на этом же рисунке показала как я это вижу. Там должна быть только кнопка "Мы на яндекс маркете" такая же как и кнопка "Каталог". А при нажатии на нее уже открывается блок с банером. Для примера приложила рисунок № 3 - это когда на "Каталог" нажимаешь, то открывается блок с категориями каталога. Вот такой же ширины должен открываться и блок с банером Яндекс маркета.

Здравствуйте.
Если мы Вас правильно понимаем, то в данном случае Вам необходимо на Вашем сайте произвести следующие изменения:
Вам необходимо в самый конец шаблона main.css добавить данный код:

.prod_hold_recent a img {
	padding-top: 5px;
}


#8 НатальяC

НатальяC

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

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

Отправлено 30 Октябрь 2017 - 17:19

Просмотр сообщенияRayLi (30 Октябрь 2017 - 17:05) писал:

Здравствуйте.
Если мы Вас правильно понимаем, то в данном случае Вам необходимо на Вашем сайте произвести следующие изменения:
Вам необходимо в самый конец шаблона main.css добавить данный код:

.prod_hold_recent a img {
padding-top: 5px;
}

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

Но я еще просила с мобильной версией помочь. Выше я описала подробно и с картинками.

#9 Vaccina

Vaccina

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

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

Отправлено 31 Октябрь 2017 - 07:38

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!--Мы на маркете-->
		  <div class="box recent">
			  <div class="catalogheader theme-color recentH">Мы на яндекс маркете</div>
			  <div class="prod_hold_recent">

				<a href="https://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*https://market.yandex.ru/shop/423698/reviews" target="_blank"><img src="https://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*https://grade.market.yandex.ru/?id=423698&action=image&size=3" border="0" width="200" height="125" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>
			  </div>
		  </div>
		  <!---->
          
замените на:
<!--Мы на маркете-->
		  <div class="box ya_market">
			  <div class="ya_market_header ftheme-color btheme-color">Мы на яндекс маркете</div>
			  <div class="ya_market_box">
				<a href="https://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*https://market.yandex.ru/shop/423698/reviews" target="_blank"><img src="https://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*https://grade.market.yandex.ru/?id=423698&action=image&size=3" border="0" width="200" height="125" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>
			  </div>
		  </div>
		  <!--Мы на маркете-->

Далее зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
$('.recentButtonLowRes').click(function(){
	   if($(this).hasClass('active')){
	  $(this).removeClass('active');
	}else{
	  $(this).addClass('active');	 
	}
	  $('.rvGoods').toggle('normal');
	})
          
после него пропишите:
$('.ya_market_header').click(function(){
	   if($(this).hasClass('active')){
	  $(this).removeClass('active');
	}else{
	  $(this).addClass('active');	 
	}
	  $('.ya_market_box').toggle('normal');
	})
    
    
Далее зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.recentButtonLowRes{width:200px;border:1px solid;cursor:pointer;margin:0 auto; padding:10px 20px;}
.recentButtonLowRes.active{background:#e4bb3f;}
/*END Недавно просмотренные товары*/

после него пропишите:
/*Мы на маркете*/
.ya_market {margin: 15px 0;}
.ya_market_header{width:200px;border:1px solid;cursor:pointer;margin:0 auto; padding:10px 20px;}
.ya_market_header.active{background:#e4bb3f; color: #fff !important;}
/*END Мы на маркете*/


#10 НатальяC

НатальяC

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

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

Отправлено 31 Октябрь 2017 - 09:16

Просмотр сообщенияVaccina (31 Октябрь 2017 - 07:38) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!--Мы на маркете-->
		 <div class="box recent">
			 <div class="catalogheader theme-color recentH">Мы на яндекс маркете</div>
			 <div class="prod_hold_recent">

			 <a href="https://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*https://market.yandex.ru/shop/423698/reviews" target="_blank"><img src="https://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*https://grade.market.yandex.ru/?id=423698&action=image&size=3" border="0" width="200" height="125" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>
			 </div>
		 </div>
		 <!---->
  
замените на:
<!--Мы на маркете-->
		 <div class="box ya_market">
			 <div class="ya_market_header ftheme-color btheme-color">Мы на яндекс маркете</div>
			 <div class="ya_market_box">
			 <a href="https://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*https://market.yandex.ru/shop/423698/reviews" target="_blank"><img src="https://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*https://grade.market.yandex.ru/?id=423698&action=image&size=3" border="0" width="200" height="125" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>
			 </div>
		 </div>
		 <!--Мы на маркете-->

Далее зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
$('.recentButtonLowRes').click(function(){
	 if($(this).hasClass('active')){
	 $(this).removeClass('active');
}else{
	 $(this).addClass('active');
}
	 $('.rvGoods').toggle('normal');
})
  
после него пропишите:
$('.ya_market_header').click(function(){
	 if($(this).hasClass('active')){
	 $(this).removeClass('active');
}else{
	 $(this).addClass('active');
}
	 $('.ya_market_box').toggle('normal');
})


Далее зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.recentButtonLowRes{width:200px;border:1px solid;cursor:pointer;margin:0 auto; padding:10px 20px;}
.recentButtonLowRes.active{background:#e4bb3f;}
/*END Недавно просмотренные товары*/

после него пропишите:
/*Мы на маркете*/
.ya_market {margin: 15px 0;}
.ya_market_header{width:200px;border:1px solid;cursor:pointer;margin:0 auto; padding:10px 20px;}
.ya_market_header.active{background:#e4bb3f; color: #fff !important;}
/*END Мы на маркете*/

На сайте стояло все как надо, теперь все испортилось. Просьба вернуть как было.
На телефоне кнопка появилась как нужно, но под кнопкой банер не должен быть виден, он должен появляться под ней после нажатия на кнопку. Так же как при нажатии на кнопку "каталог" под ней появляется список категорий, а если нажимаешь на кнопку "Вы смотрели" - под ней появляется список просмотренных ранее товаров. А вот изначально видны только кнопки. Сейчас получается видна кнопка, а под ней банер Яндекс Маркета. Нажимаю на кнопку - банер исчезает, а должно быть наоборот. И банер нужно от кнопки немного ниже сделать, а то он к ней прямо прилеплен. (ориентируйтесь на кнопки рядом "каталог" и "Вы смотрели". Подробно на картинке.

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

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

  • 6.1.jpg


#11 Vaccina

Vaccina

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

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

Отправлено 01 Ноябрь 2017 - 08:09

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

Если вас не устраивают изменения вы можете восстановить бэк ап за прошлую дату и восстановить старую версию дизайна.
По доработке блока выше, зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите(1056):
@media only screen and (max-width:480px){

после него пропишите:
.ya_market_box{display: none;}

далее найдите(700):
.ya_market_header.active{background:#e4bb3f; color: #fff !important;}

после него пропишите:
.ya_market_box {border: 1px solid #E4BB3F;padding: 10px;width: 200px;margin: 0 auto;}

После этого его работа будет корректной.

Если необходимо корректировка, то опишите пожалуйста подробнее, что именно "испортилось".

#12 НатальяC

НатальяC

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

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

Отправлено 01 Ноябрь 2017 - 09:12

Просмотр сообщенияVaccina (01 Ноябрь 2017 - 08:09) писал:

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

Если вас не устраивают изменения вы можете восстановить бэк ап за прошлую дату и восстановить старую версию дизайна.
По доработке блока выше, зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите(1056):
@media only screen and (max-width:480px){

после него пропишите:
.ya_market_box{display: none;}

далее найдите(700):
.ya_market_header.active{background:#e4bb3f; color: #fff !important;}

после него пропишите:
.ya_market_box {border: 1px solid #E4BB3F;padding: 10px;width: 200px;margin: 0 auto;}

После этого его работа будет корректной.

Если необходимо корректировка, то опишите пожалуйста подробнее, что именно "испортилось".


Спасибо большое! Теперь в мобильной версии все так как я просила.

Относительно того, что испортилось отображение банера на сайте при заходе с компьютера. Бекап делать не хочу, так как тогда и все настройки в мобильной версии, т. е. при заходе с телефона вернуться прежние, а уже настроено так как нужно.

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

А сейчас у меня стало так: см вторую картинку

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

  • 1.jpg
  • 2017-11-01_161105.jpg


#13 Firefly

Firefly

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

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

Отправлено 13 Ноябрь 2017 - 14:09

Просмотр сообщенияНатальяC (01 Ноябрь 2017 - 09:12) писал:

Спасибо большое! Теперь в мобильной версии все так как я просила.

Относительно того, что испортилось отображение банера на сайте при заходе с компьютера. Бекап делать не хочу, так как тогда и все настройки в мобильной версии, т. е. при заходе с телефона вернуться прежние, а уже настроено так как нужно.

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

А сейчас у меня стало так: см вторую картинку

Здравствуйте.
В main.css добавил код:
@media only screen and (min-width:1025px){
.box.ya_market.pagecont {padding: 0; margin: 0;}
}

А так же подправил код в HTML.
Проверьте результат.

#14 НатальяC

НатальяC

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

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

Отправлено 13 Ноябрь 2017 - 14:37

Опять то же самое получается. Стало как надо с компьютера отображаться, но зато с телефона опять не то. В общем получается, если помогаете настроить на компе, ломается отображение на телефоне, начинаете поправлять на телефоне, то наоборот отображение с компьютера "ломается". Пусть уже будет как есть, нет у меня времени сейчас этим заниматься.

#15 Firefly

Firefly

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

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

Отправлено 13 Ноябрь 2017 - 14:46

Просмотр сообщенияНатальяC (13 Ноябрь 2017 - 14:37) писал:

Опять то же самое получается. Стало как надо с компьютера отображаться, но зато с телефона опять не то. В общем получается, если помогаете настроить на компе, ломается отображение на телефоне, начинаете поправлять на телефоне, то наоборот отображение с компьютера "ломается". Пусть уже будет как есть, нет у меня времени сейчас этим заниматься.

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

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

  • Screenshot_1.png
  • Screenshot_2.png


#16 НатальяC

НатальяC

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

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

Отправлено 13 Ноябрь 2017 - 15:29

Сама кнопка на телефоне должна выглядеть рис 1.1
при нажатии на нее кнопка остается только подсвечена серым, а ниже уже открывается блок с банером ЯМ. рис 5
а сейчас получается не кнопка, а я бы сказала шапка блока "Мы на Яндекс маркете рис. 2.1

Как и ранее писала, нужно смотреть по аналогии с блоком "Каталог" и "Вы смотрели", как они отображаются и как у них переход происходит на телефоне. Ранее уже было все настроено как надо, просто на компьютере стало не так отображаться, но я уже с этим смирилась.

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

  • 1.1.jpg
  • 5.jpg
  • 2.1.jpg


#17 Firefly

Firefly

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

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

Отправлено 13 Ноябрь 2017 - 20:21

Просмотр сообщенияНатальяC (13 Ноябрь 2017 - 15:29) писал:

Сама кнопка на телефоне должна выглядеть рис 1.1
при нажатии на нее кнопка остается только подсвечена серым, а ниже уже открывается блок с банером ЯМ. рис 5
а сейчас получается не кнопка, а я бы сказала шапка блока "Мы на Яндекс маркете рис. 2.1

Как и ранее писала, нужно смотреть по аналогии с блоком "Каталог" и "Вы смотрели", как они отображаются и как у них переход происходит на телефоне. Ранее уже было все настроено как надо, просто на компьютере стало не так отображаться, но я уже с этим смирилась.

Изменения Вам произвел. Все работает, как Вы описали.




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

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