Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Скрипт Определения Города

Автор magiya1984, 22 окт. 2015 14:01

скрипт страна регион город с испол

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 33

#1 magiya1984

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

Пользователи
439 сообщений

ГородМосква

Отправлено 22 Октябрь 2015 - 14:01

Доброго времени суток уважаемые гуру! Такой вопрос скажите есть ли возможность установить скрипт выбора города региона на сайте например клиент зашёл на сайт а скрипт Ваш город? Москва.

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

Наверх

#2 magiya1984

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

Пользователи
439 сообщений

ГородМосква

Отправлено 22 Октябрь 2015 - 14:34

Вроде нашёл помогите подключить
Аккаунт SL-353614
http://skinny.com.ua...andeks-api.html

Наверх

#3 magiya1984

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

Пользователи
439 сообщений

ГородМосква

Отправлено 22 Октябрь 2015 - 15:24

я здесь

Наверх

#5 magiya1984

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

Пользователи
439 сообщений

ГородМосква

Отправлено 22 Октябрь 2015 - 16:52

работает ок ещё бы добавить стилей (выровнять,шрифт,размер) а так спасибо то что и хотел

Наверх

#6 Firefly

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

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

Отправлено 22 Октябрь 2015 - 17:06

magiya1984 (22 Октябрь 2015 - 16:52) писал:

работает ок ещё бы добавить стилей (выровнять,шрифт,размер) а так спасибо то что и хотел

Вы можете добавить необходимые стили, как для всех строк сразу, так и для каждой по отдельности.
Общий стиль Вы можете задать в шаблоне HTML в коде:

<style>body{font-size:12px;}</style>

Изменить размер шрифта можно у параметра font-size, изменив значение 12px, так же к нему можно дописать через ; и другие параметры.

Для изменения стилей для каждой строки в отдельности, добавьте в конце main.css код:

/* Стили для местоположения */
div#cou {text-align: center;font-size:12px;}
div#tow {text-align: center;font-size:12px;}
div#reg {text-align: center;font-size:12px;}

Данные стили будут иметь приоритет перед общим стилем.
Здесь Вы можете изменить расположение текста у параметра text-align и размер шрифта у параметра font-size.

Наверх

#7 magiya1984

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

Пользователи
439 сообщений

ГородМосква

Отправлено 22 Октябрь 2015 - 17:46

спасибо всё получилось

Наверх

#8 Sgray

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

Пользователи
456 сообщений

Отправлено 16 Август 2016 - 10:39

Firefly (22 Октябрь 2015 - 16:46) писал:

<script type="text/javascript">
	 $(document).ready(function(){
			 ymaps.ready(function(){
				 var geolocation = ymaps.geolocation;
				 $('#cou').html('Ваша страна: '+geolocation.country);
				 $('#tow').html('Ваш город: '+geolocation.city);
				 $('#reg').html('Ваш регион: '+geolocation.region);
			 });
		 });
</script>
<style>body{font-size:12px;}</style>
<div id="cou">Ваша страна: ... определяется ...</div>
<div id="tow">Ваш город: ... определяется ...</div>
<div id="reg">Ваш регион: ... определяется ...</div>

Далее в шаблоне HTML найдите код:

<!-- Скрипты магазина -->

Замените на:

<!-- Скрипты магазина -->
<script src="http://api-maps.yandex.ru/2.0/?load=package.full&amp;lang=ru-RU" type="text/javascript"></script>

Как реализовать такое у себя над строкой поиска?

Наверх

#9 MikDark

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

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

Отправлено 16 Август 2016 - 10:42

Sgray (16 Август 2016 - 10:39) писал:

Как реализовать такое у себя?

Здравствуйте. Абсолютно по такой же инструкции. В шаблон HTML в то место, в котором хотите видеть вывод городов вставляете первый код, и в скрипты магазина вставляете второй код. Либо укажите, где именно хотите видеть информацию о городе, мы сами Вам заменим.

Наверх

#10 Sgray

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

Пользователи
456 сообщений

Отправлено 16 Август 2016 - 10:47

MikDark (16 Август 2016 - 10:42) писал:

Вставлял в код как описано, но на сайте показывается ошибка. Можете сами отредактировать? Нужно над строкой поиска синим цветом, как дизайн и без страны.

Наверх

#11 Sgray

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

Пользователи
456 сообщений

Отправлено 16 Август 2016 - 12:12

Sgray (16 Август 2016 - 10:47) писал:

Спасибо! Можно еще поправить:
1. убрать регион
2. показываемый город выделить жирным
3. разместить на уровне "контакты"
4. в связи с изменениями, в шапке адаптивного шаблона всё разъехалось

Наверх

#12 Firefly

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

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

Отправлено 18 Август 2016 - 19:48

Sgray (16 Август 2016 - 12:12) писал:

Здравствуйте.
Создал Вам бэкапы и произвел изменения.
Добавил Вам адаптивность для каждого разрешения экрана.

Наверх

#13 Sgray

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

Пользователи
456 сообщений

Отправлено 18 Август 2016 - 20:28

Firefly (18 Август 2016 - 19:48) писал:

Всё-таки надо еще доработать:
сделать синим цветом под дизайн
подвинуть влево до уровня строки поиска
некрасиво расположено в каждом адаптивном разрешении экрана (разрешение до 480 - сделать над поиском с небольшим отступом от края; до 760 - подвинуть влево до конца с небольшим отступом от края; до 960-1200 - подвинуть вправо до конца картинки "корзина").

Наверх

#14 Vaccina

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

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

Отправлено 19 Август 2016 - 03:32

В style.css найдите:

/* Стили для местоположения */
.tow {font-size:14px;position: absolute;right: 35%;top: 20px;}
#tow {font-weight:bold;}

замените на:

/* Стили для местоположения */
.tow {
	font-size: 14px;
	position: absolute;
	right: 35%;
	top: 20px;
	color: #068CC2;
}
#tow {font-weight:bold;}

и переместите его, поставив перед:

@media only screen and (min-width: 1200px){
.container {
/* width: 1180px; */
}

далее найдите:

.tow {
	right: 10% !important;
}

замените на:

.tow {
	right: 20px;
}

далее найдите:

.tow {
	right: 3% !important;
	top: 40% !important;
}

замените на:

.tow {
	left: 10px;
	top: 99px;
	right: initial;
}

далее найдите:

.tow {
	right: 10% !important;
	top: 27% !important;
}

замените на:

.tow {
	left: 39px;
	top: 162px;
	right: initial;
}

Наверх

#15 Sgray

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

Пользователи
456 сообщений

Отправлено 19 Август 2016 - 07:37

Vaccina (19 Август 2016 - 03:32) писал:

В style.css найдите:

/* Стили для местоположения */
.tow {font-size:14px;position: absolute;right: 35%;top: 20px;}
#tow {font-weight:bold;}

замените на:

/* Стили для местоположения */
.tow {
font-size: 14px;
position: absolute;
right: 35%;
top: 20px;
color: #068CC2;
}
#tow {font-weight:bold;}

и переместите его, поставив перед:

@media only screen and (min-width: 1200px){
.container {
/* width: 1180px; */
}

далее найдите:

.tow {
right: 10% !important;
}

замените на:

.tow {
right: 20px;
}

далее найдите:

.tow {
right: 3% !important;
top: 40% !important;
}

замените на:

.tow {
left: 10px;
top: 99px;
right: initial;
}

далее найдите:

.tow {
right: 10% !important;
top: 27% !important;
}

замените на:

.tow {
left: 39px;
top: 162px;
right: initial;
}

OK. На большом расширении, при загрузке находится на уровне строки поиска, после загрузки смещается вправо как было. Как поправить? Если возможно, на самом маленьком разрешении немного удлинить желтое поле, чтобы город не располагался так близко к почте и строке поиска.

Наверх

#16 MikDark

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

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

Отправлено 19 Август 2016 - 09:42

Sgray (19 Август 2016 - 07:37) писал:

В main.css Вам нужно найти код:

.tow {
left: 39px;
top: 162px;
right: initial;
}

и замените на:

.tow {
left: 39px;
top: 172px;
right: initial;
}

далее замените:

#search {
display: block;
position: relative;
float: left;
top: 0;
right: 0;
width: 220px;
}

на

#search {
display: block;
position: relative;
float: left;
top: 10px;
right: 0;
width: 220px;
}

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

Наверх

#17 Sgray

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

Пользователи
456 сообщений

Отправлено 19 Август 2016 - 10:25

MikDark (19 Август 2016 - 09:42) писал:

В main.css Вам нужно найти код:

.tow {
left: 39px;
top: 162px;
right: initial;
}

и замените на:

.tow {
left: 39px;
top: 172px;
right: initial;
}

далее замените:

#search {
display: block;
position: relative;
float: left;
top: 0;
right: 0;
width: 220px;
}

на

#search {
display: block;
position: relative;
float: left;
top: 10px;
right: 0;
width: 220px;
}

Браузер опера

1. Картинка 1 - увеличить желтое поле, сместить чуть ниже строку поиска с картинкой корзина
2. Поправить.
3. Выровнять по правому краю на уровне конца картинки корзина
4. Поправить
5. поправить

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

Наверх

#18 Sgray

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

Пользователи
456 сообщений

Отправлено 19 Август 2016 - 15:27

Sgray (19 Август 2016 - 10:25) писал:

жду ответ

Наверх

#19 MikDark

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

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

Отправлено 19 Август 2016 - 20:15

Sgray (19 Август 2016 - 10:25) писал:

1) В style.css найдите код:

#search input[type="text"] {
	float: left;
	margin-bottom: 0px;
	right: 0px;
}

и замените на:

#search input[type="text"] {
	float: left;
	margin-bottom: 0px;
	margin-top: 20px;
	right: 0px;
}

Далее найдите:

#search input[type="submit"] {
	float: right;
	margin-bottom: 0px;
	right: -20px;
	height: 40px;
}

и замените на:

#search input[type="submit"] {
	float: right;
	margin-bottom: 0px;
	right: -20px;
	height: 40px;
	margin-top: 20px;
}

2) В main.css найдите код:

input[type="text"] {
	position: absolute;
	left: 0px;
}

и замените на:

input[type="text"] {
	position: absolute;
	left: 0px;
margin-top:20px;
}

там же найдите:

#search input[type="submit"] {
	position: absolute;
	right: 0;
	height: 40px;
}

и замените на:

#search input[type="submit"] {
	position: absolute;
	right: 0;
	height: 40px;
margin-top:20px;
}

3) В main.css найдите код:

shopping_cart_block {
	position: absolute;
	right: 20px;
	top: 119px;
	z-index: 10;
}

и замените на:

shopping_cart_block {
	position: absolute;
	right: 0px;
	top: 119px;
	z-index: 10;
}

Далее найдите:

.izbr {
	top: 40px!important;
	width: 89px;
	position: absolute;
	z-index: 100;
	margin: 79px 77px;
	right: 0!important;
}

и замените на:

.izbr {
	top: 40px!important;
	width: 89px;
	position: absolute;
	z-index: 100;
	margin: 79px 43px;
	right: 0!important;
}

Наверх

#20 Sgray

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

Пользователи
456 сообщений

Отправлено 19 Август 2016 - 20:41

MikDark (19 Август 2016 - 20:15) писал:

1) В style.css найдите код:

#search input[type="text"] {
float: left;
margin-bottom: 0px;
right: 0px;
}

и замените на:

#search input[type="text"] {
float: left;
margin-bottom: 0px;
margin-top: 20px;
right: 0px;
}

Далее найдите:

#search input[type="submit"] {
float: right;
margin-bottom: 0px;
right: -20px;
height: 40px;
}

и замените на:

#search input[type="submit"] {
float: right;
margin-bottom: 0px;
right: -20px;
height: 40px;
margin-top: 20px;
}

2) В main.css найдите код:

input[type="text"] {
position: absolute;
left: 0px;
}

и замените на:

input[type="text"] {
position: absolute;
left: 0px;
margin-top:20px;
}

там же найдите:

#search input[type="submit"] {
position: absolute;
right: 0;
height: 40px;
}

и замените на:

#search input[type="submit"] {
position: absolute;
right: 0;
height: 40px;
margin-top:20px;
}

3) В main.css найдите код:

shopping_cart_block {
position: absolute;
right: 20px;
top: 119px;
z-index: 10;
}

и замените на:

shopping_cart_block {
position: absolute;
right: 0px;
top: 119px;
z-index: 10;
}

Далее найдите:

.izbr {
top: 40px!important;
width: 89px;
position: absolute;
z-index: 100;
margin: 79px 77px;
right: 0!important;
}

и замените на:

.izbr {
top: 40px!important;
width: 89px;
position: absolute;
z-index: 100;
margin: 79px 43px;
right: 0!important;
}

1. город чуть пониже, корзину сделать на уровне поиска
2. не нашел и не изменил
input[type="text"] {
        position: absolute;
        left: 0px;
}
3.  все разъехалось

Наверх

Вперед

Обратно в Общие вопросы

Темы с аналогичным тегами скрипт, страна регион, город с испол

Вопросы работы сервиса StoreLand → Другие вопросы → Нужен Скрипт Для Интернет-Магазина Автор Гость_Александр.Z_* , 02 окт. 2016 Скрипт	3 Ответов 1 007 Просмотров	Vaccina 08 окт. 2016
Другое → Самое разное → Помогите Собрать Скрипт! Автор Гость_Driev_* , 24 июля 2014 скрипт, javascript, jQuery и 1 еще...	7 Ответов 2 163 Просмотров	Сake 26 июля 2014
Другое → Самое разное → Помогите С Настройками Скрипта Автор Гость_Derzost-Namereniya_* , 11 февр. 2014 скрипт	8 Ответов 1 761 Просмотров	Castiel 05 апр. 2014
Вопросы работы сервиса StoreLand → Другие вопросы → Скрипты Jquery Конфликт Автор Гость_ke1evra_* , 09 нояб. 2013 скрипт, jquery	4 Ответов 3 109 Просмотров	kcgmss 30 июля 2016

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

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

Скрипт Определения Города

#1 magiya1984

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

#2 magiya1984

#3 magiya1984

#4 Firefly

#5 magiya1984

#6 Firefly

#7 magiya1984

#8 Sgray

#9 MikDark

#10 Sgray

#11 Sgray

#12 Firefly

#13 Sgray

#14 Vaccina

#15 Sgray

#16 MikDark

#17 Sgray

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

#18 Sgray

#19 MikDark

#20 Sgray

Темы с аналогичным тегами скрипт, страна регион, город с испол

Нужен Скрипт Для Интернет-Магазина

Помогите Собрать Скрипт!

Помогите С Настройками Скрипта

Скрипты Jquery Конфликт

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

Google поиск

Скрипт Определения Города

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

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

Темы с аналогичным тегами скрипт, страна регион, город с испол

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

Войти

Google поиск