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


Помогите Сдвинуть Кнопку Каталог Вниз


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

#1 McCornic

McCornic

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

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

Отправлено 05 Ноябрь 2016 - 17:57

Добрый день.
Требуется ваша помощь.
необходимо:

1. Сдвинуть кнопку "КАТАЛОГ", немного ниже, чтобы она не сливалась с верхней менюшкой (скрин прилагаю)
2. Подскажите, где меняется ссылка на страницу? я хочу чтобы при нажатии на кнопку "Каталог", открывалась страница "Весь каталог"
3. Подскажите как поменять в "Контактах" свое месторасположение на карте?
4. Нужно вставить скрипт определения города, чтобы в верхнем меню было написано "Доставка по всей России", а ниже определялся город "Ваш город..."
место надписи я обозначил на скрине. Скрипт:

<script type="text/javascript">
$(document).ready(function(){
ymaps.ready(function(){
var geolocation = ymaps.geolocation;
$('#tow').html('Ваш город: '+geolocation.city);
});
});
</script>

<div id="tow">Ваш город: ... определяется ...</div>

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

  • я1.jpg
  • я2.jpg


#2 Firefly

Firefly

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

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

Отправлено 05 Ноябрь 2016 - 20:51

Просмотр сообщенияMcCornic (05 Ноябрь 2016 - 17:57) писал:

Добрый день.
Требуется ваша помощь.
необходимо:

1. Сдвинуть кнопку "КАТАЛОГ", немного ниже, чтобы она не сливалась с верхней менюшкой (скрин прилагаю)
2. Подскажите, где меняется ссылка на страницу? я хочу чтобы при нажатии на кнопку "Каталог", открывалась страница "Весь каталог"
3. Подскажите как поменять в "Контактах" свое месторасположение на карте?
4. Нужно вставить скрипт определения города, чтобы в верхнем меню было написано "Доставка по всей России", а ниже определялся город "Ваш город..."
место надписи я обозначил на скрине. Скрипт:

<script type="text/javascript">
$(document).ready(function(){
ymaps.ready(function(){
var geolocation = ymaps.geolocation;
$('#tow').html('Ваш город: '+geolocation.city);
});
});
</script>

<div id="tow">Ваш город: ... определяется ...</div>

Здравствуйте.
Изменения по пунктам 1, 2 Вам произвел.
По пункту 3 - Вам необходимо зайти в раздел Сайт - Редактор шаблонов - шаблон Связь с администрацией и в нем заменить стандартный код карты:
	<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2212.100393790699!2d44.000330216087235!3d56.32809775494148!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4151d447d9cb543f%3A0xfa145108dc9c4963!2z0JrRgNC10LzQu9GMLCDQndC40LbQvdC40Lkg0J3QvtCy0LPQvtGA0L7QtCwg0J3QuNC20LXQs9C-0YDQvtC00YHQutCw0Y8g0L7QsdC7Lg!5e0!3m2!1sru!2sru!4v1463130520540" width="100%" height="500" frameborder="0" style="border:0" allowfullscreen></iframe>

Код карты Вы можете получить в разделе карт google, более подробно написано здесь.

Изменения по геолокации Вам так же произвел.

#3 McCornic

McCornic

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

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

Отправлено 05 Ноябрь 2016 - 21:15

Огромное спасибо Вам! все четко!
единственно хотел бы попросить Вас сдвинуть "Доставка по всей России" и "Ваш город" по середине между Обратным звонком и поиском по магазину. И надпись "Доставка по всей россии" сделать жирным и бордовым цветом как кнопка "перейти в каталог"

и еще подскажите какой размер карты нужно делать?

надеюсь понятно написал)

#4 Firefly

Firefly

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

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

Отправлено 06 Ноябрь 2016 - 09:24

Просмотр сообщенияMcCornic (05 Ноябрь 2016 - 21:15) писал:

Огромное спасибо Вам! все четко!
единственно хотел бы попросить Вас сдвинуть "Доставка по всей России" и "Ваш город" по середине между Обратным звонком и поиском по магазину. И надпись "Доставка по всей россии" сделать жирным и бордовым цветом как кнопка "перейти в каталог"

и еще подскажите какой размер карты нужно делать?

надеюсь понятно написал)

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.header-top .block.geo {vertical-align:top;margin-left:15px;}
.header-top .block.geo span {padding-bottom:5px;}

Замените на:
.header-top .block.geo {vertical-align:top;margin-left: 110px;}
.header-top .block.geo span {padding-bottom:5px;color:#8C2C29;font-weight:bold;}

Размер карты: ширина 100%, высота 500px (width="100%" height="500")

#5 McCornic

McCornic

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

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

Отправлено 06 Ноябрь 2016 - 22:21

Спасибо! Помогите еще пожалуйста поменять ссылку на кнопках "Перейти в каталог", чтобы открывалась страница "Весь каталог"и еще... в мобильной версии на планшете и на телефоне съехала шапка, поиск с корзиной съехали вниз :( помогите плиз исправить... (скрин в приложении)Спасибо

#6 Razon

Razon

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

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

Отправлено 07 Ноябрь 2016 - 09:48

Просмотр сообщенияMcCornic (06 Ноябрь 2016 - 22:21) писал:

Спасибо! Помогите еще пожалуйста поменять ссылку на кнопках "Перейти в каталог", чтобы открывалась страница "Весь каталог"
и еще... в мобильной версии на планшете и на телефоне съехала шапка, поиск с корзиной съехали вниз :( помогите плиз исправить... (скрин в приложении)

Спасибо

Здравствуйте,  для корректировки адаптивности,  в конец файла main.css добавьте строки:
@media all and (max-width: 1200px) {.header-top .container {width:auto;}.header-top .block.geo {margin-left:0px;}}
@media all and (max-width: 992px) {
.header-top .container {width:auto;}
.header-top .block.geo {margin-left:0px;}
}
@media all and (max-width: 1010px) {
.title .hide {display:none;}
}
@media all and (max-width: 775px) {.block.callback {margin-left: 30px;}}
@media all and (max-width: 751px) {.header-top .header-right {float:none;text-align:center;}.header-top .header-left {float:none;text-align:center;}}

Для замены ссылки:
В файле HTML  найдите строку:
		<a href="{CATALOG_URL}" class="button big">Перейти в каталог</a>

Где вместо {CATALOG_URL} вставьте необходимую ссылку.

#7 McCornic

McCornic

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

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

Отправлено 07 Ноябрь 2016 - 17:54

спасибо за помощь! на планшете все отлично сейчас, а на телефоне не нравится как смотрится. А можно как-то убрать только для мобильной версии, чтобы на телефоне не отображались строчки "Мы доставляем по всей России" и "Ваш город..."? а то получается из-за добавления строчки смотрится как то кривенько.

#8 Razon

Razon

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

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

Отправлено 08 Ноябрь 2016 - 14:33

Просмотр сообщенияMcCornic (07 Ноябрь 2016 - 17:54) писал:

спасибо за помощь! на планшете все отлично сейчас, а на телефоне не нравится как смотрится. А можно как-то убрать только для мобильной версии, чтобы на телефоне не отображались строчки "Мы доставляем по всей России" и "Ваш город..."? а то получается из-за добавления строчки смотрится как то кривенько.

Здравствуйте,  ответили вам в чате.




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

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