Вставить Код Яндекс Маркета
#1
Отправлено 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>
#2
Отправлено 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
Отправлено 28 Октябрь 2017 - 12:41
НатальяC (28 Октябрь 2017 - 12:40) писал:
#4
Отправлено 28 Октябрь 2017 - 17:08
Осталось, чтоб рамочку помогли сделать. Чтобы гармонично вписывалось между блоками, как выше блок и ниже.
#5
Отправлено 28 Октябрь 2017 - 18:47
НатальяC (28 Октябрь 2017 - 17:08) писал:
Осталось, чтоб рамочку помогли сделать. Чтобы гармонично вписывалось между блоками, как выше блок и ниже.
<!--Мы на маркете--> <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
Отправлено 28 Октябрь 2017 - 20:31
Mr.Nito (28 Октябрь 2017 - 18:47) писал:
<!--Мы на маркете--> <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 - это когда на "Каталог" нажимаешь, то открывается блок с категориями каталога. Вот такой же ширины должен открываться и блок с банером Яндекс маркета.
#7
Отправлено 30 Октябрь 2017 - 17:05
НатальяC (28 Октябрь 2017 - 20:31) писал:
Только вот банер маркета нужно выставить по центру относительно верха и низа. (рис. 1)
И еще посмотрела как это на телефоне выглядит и мне не нравится. На рисунке № 2 я показала как сейчас смотрится. А справа на этом же рисунке показала как я это вижу. Там должна быть только кнопка "Мы на яндекс маркете" такая же как и кнопка "Каталог". А при нажатии на нее уже открывается блок с банером. Для примера приложила рисунок № 3 - это когда на "Каталог" нажимаешь, то открывается блок с категориями каталога. Вот такой же ширины должен открываться и блок с банером Яндекс маркета.
Здравствуйте.
Если мы Вас правильно понимаем, то в данном случае Вам необходимо на Вашем сайте произвести следующие изменения:
Вам необходимо в самый конец шаблона main.css добавить данный код:
.prod_hold_recent a img { padding-top: 5px; }
#8
Отправлено 30 Октябрь 2017 - 17:19
RayLi (30 Октябрь 2017 - 17:05) писал:
Если мы Вас правильно понимаем, то в данном случае Вам необходимо на Вашем сайте произвести следующие изменения:
Вам необходимо в самый конец шаблона main.css добавить данный код:
.prod_hold_recent a img { padding-top: 5px; }
Не знаю за что отвечает этот код. Я его вставила и изменилось расположение банера Яндекс Маркета, то есть он как я и просила стал по центру относительно верха и низа.
Но я еще просила с мобильной версией помочь. Выше я описала подробно и с картинками.
#9
Отправлено 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
Отправлено 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 Мы на маркете*/
На сайте стояло все как надо, теперь все испортилось. Просьба вернуть как было.
На телефоне кнопка появилась как нужно, но под кнопкой банер не должен быть виден, он должен появляться под ней после нажатия на кнопку. Так же как при нажатии на кнопку "каталог" под ней появляется список категорий, а если нажимаешь на кнопку "Вы смотрели" - под ней появляется список просмотренных ранее товаров. А вот изначально видны только кнопки. Сейчас получается видна кнопка, а под ней банер Яндекс Маркета. Нажимаю на кнопку - банер исчезает, а должно быть наоборот. И банер нужно от кнопки немного ниже сделать, а то он к ней прямо прилеплен. (ориентируйтесь на кнопки рядом "каталог" и "Вы смотрели". Подробно на картинке.
И просьба вот вы пишите найти то-то и поставить то-то. Но неужели нельзя сразу поставить что нужно вы ведь прежде чем сюда вставить код который нужно найти его копируете или хотябы указывать в какой строке искать ведь они пронумерованы. Для меня это очень долго выискивать эти коды, я не программист и плохо ориентируюсь в этих записях.
#11
Отправлено 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
Отправлено 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;}
После этого его работа будет корректной.
Если необходимо корректировка, то опишите пожалуйста подробнее, что именно "испортилось".
Спасибо большое! Теперь в мобильной версии все так как я просила.
Относительно того, что испортилось отображение банера на сайте при заходе с компьютера. Бекап делать не хочу, так как тогда и все настройки в мобильной версии, т. е. при заходе с телефона вернуться прежние, а уже настроено так как нужно.
Просто мне уже помогли изначально настроить, картинку прикрепляю которую я уже прикрепляла, когда просила выровнять по центру относительно верха и низа. Мне ее потом выровняли и было все отлично. Вот такой вид мне и нужно вернуть, как на картинке, только уже с выровненым вариантом по центру.
А сейчас у меня стало так: см вторую картинку
#13
Отправлено 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
Отправлено 13 Ноябрь 2017 - 14:37
#15
Отправлено 13 Ноябрь 2017 - 14:46
НатальяC (13 Ноябрь 2017 - 14:37) писал:
Все должно отображаться корректно. На скриншоте 1 - отображение в мобильной версии. На скриншоте 2 - с компьютера.
Попробуйте в настройках браузера телефона очистить кэш.
#16
Отправлено 13 Ноябрь 2017 - 15:29
при нажатии на нее кнопка остается только подсвечена серым, а ниже уже открывается блок с банером ЯМ. рис 5
а сейчас получается не кнопка, а я бы сказала шапка блока "Мы на Яндекс маркете рис. 2.1
Как и ранее писала, нужно смотреть по аналогии с блоком "Каталог" и "Вы смотрели", как они отображаются и как у них переход происходит на телефоне. Ранее уже было все настроено как надо, просто на компьютере стало не так отображаться, но я уже с этим смирилась.
#17
Отправлено 13 Ноябрь 2017 - 20:21
НатальяC (13 Ноябрь 2017 - 15:29) писал:
при нажатии на нее кнопка остается только подсвечена серым, а ниже уже открывается блок с банером ЯМ. рис 5
а сейчас получается не кнопка, а я бы сказала шапка блока "Мы на Яндекс маркете рис. 2.1
Как и ранее писала, нужно смотреть по аналогии с блоком "Каталог" и "Вы смотрели", как они отображаются и как у них переход происходит на телефоне. Ранее уже было все настроено как надо, просто на компьютере стало не так отображаться, но я уже с этим смирилась.
Изменения Вам произвел. Все работает, как Вы описали.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных