Оценки читателей
0 Лайк 0 Лавки 0 Ахахах! 0 Ого! 0 Восторг 0 Печаль 0 Грусняшь
Приветствуем Вас на сайте!
Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:
Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».
Заказывая работу для вашего сайта у нас, вы экономите время...
Заказывая работу для вашего сайта у нас, вы экономите время...
Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Перезагрузите страницу
- Главная
- Авторские работы
- Интернет магазин
- Отображение города доставки по IP
+
Всем привет, создавая способы доставок и оплаты для городов тем не менее мы увеличиваем вид отображения всего списка. Многим просто не удобно становиться от такого количества. Но предложим вам вариант который скроет не нужные списки не относящиеся к городу пользователя автоматически на основе его местоположения.... Т.е скрипт отобразит те способы которые вы укажите для этого города!... Скрипт простой и не составляет особого труда в установке и его настройки.
Установка:
1. Добавим js по пути Интернет-магазин - Страница служебных форм
<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
2. Ниже добавляем:
Разберем javascript:
1. Для начала мы скрываем все ненужные блоки: СПОСОБ ОПЛАТЫ они имеют атрибуты payment-block-1 и СПОСОБ ДОСТАВКИ delivery-block-1 номер числа соответственно указывает на номер в списке порядка вывода.
2. Создаем переменную с названием города var payURL = 'Москва'; для каждого нового города новая переменная payURL, payURL2 и т.д
3. Открываем скрытые блоки для этого города: if(payURL.indexOf(''+city+'') != -1) {$('#payment-block-1, #delivery-block-1').show(); }; не забывая сменить нашу переменную payURL, payURL2 и т.д
4. Добавляем атрибуты для отображения всех способов: setTimeout(function(){ $('div#delivery-all').click(function() { $('#payment-block-1, #delivery-block-1, #payment-block-2, #delivery-block-2').show(); $('div#delivery-all').hide(); }); },1000);
Данный скрипт вы можете упаковать в js файл и сжать чтоб он не отнимал много драгоценного трафика пользователя!.
Также в скрипте указаны микро надписи что и для чего использует код...
При копировании материала указывать источник MyBestStudio.ru
Установка:
1. Добавим js по пути Интернет-магазин - Страница служебных форм
Код
<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
2. Ниже добавляем:
Код
<script>$(function(){
$('#payment-block-1, #delivery-block-1, #payment-block-2, #delivery-block-2').hide(); // Скрываем все блоки с названиями городов
function init() {
var city = ymaps.geolocation.city; // Запрос названия города
var payURL = 'Москва'; // Название города
if(payURL.indexOf(''+city+'') != -1) {$('#payment-block-1, #delivery-block-1').show(); }; // Открываем все блоки где есть названия городов
var payURL2 = 'Санкт-Петербург'; // Название города
if(payURL2f.indexOf(''+city+'') != -1) {$('#payment-block-2, #delivery-block-2').show(); }; // Открываем все блоки где есть названия городов
}
ymaps.ready(init);
$('table#total-sum').prepend('<div id="delivery-all">Все способы доставок</div>');
setTimeout(function(){ $('div#delivery-all').click(function() { $('#payment-block-1, #delivery-block-1, #payment-block-2, #delivery-block-2').show(); $('div#delivery-all').hide(); }); },1000);
});</script>
$('#payment-block-1, #delivery-block-1, #payment-block-2, #delivery-block-2').hide(); // Скрываем все блоки с названиями городов
function init() {
var city = ymaps.geolocation.city; // Запрос названия города
var payURL = 'Москва'; // Название города
if(payURL.indexOf(''+city+'') != -1) {$('#payment-block-1, #delivery-block-1').show(); }; // Открываем все блоки где есть названия городов
var payURL2 = 'Санкт-Петербург'; // Название города
if(payURL2f.indexOf(''+city+'') != -1) {$('#payment-block-2, #delivery-block-2').show(); }; // Открываем все блоки где есть названия городов
}
ymaps.ready(init);
$('table#total-sum').prepend('<div id="delivery-all">Все способы доставок</div>');
setTimeout(function(){ $('div#delivery-all').click(function() { $('#payment-block-1, #delivery-block-1, #payment-block-2, #delivery-block-2').show(); $('div#delivery-all').hide(); }); },1000);
});</script>
Разберем javascript:
1. Для начала мы скрываем все ненужные блоки: СПОСОБ ОПЛАТЫ они имеют атрибуты payment-block-1 и СПОСОБ ДОСТАВКИ delivery-block-1 номер числа соответственно указывает на номер в списке порядка вывода.
2. Создаем переменную с названием города var payURL = 'Москва'; для каждого нового города новая переменная payURL, payURL2 и т.д
3. Открываем скрытые блоки для этого города: if(payURL.indexOf(''+city+'') != -1) {$('#payment-block-1, #delivery-block-1').show(); }; не забывая сменить нашу переменную payURL, payURL2 и т.д
4. Добавляем атрибуты для отображения всех способов: setTimeout(function(){ $('div#delivery-all').click(function() { $('#payment-block-1, #delivery-block-1, #payment-block-2, #delivery-block-2').show(); $('div#delivery-all').hide(); }); },1000);
Данный скрипт вы можете упаковать в js файл и сжать чтоб он не отнимал много драгоценного трафика пользователя!.
Также в скрипте указаны микро надписи что и для чего использует код...
При копировании материала указывать источник MyBestStudio.ru
Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Добавил: Marishka
Дата добавления: 02.05.2016 в 19:24 по МСК
Категория: Интернет магазин
Просмотров: 1382
Комментариев: 1
Эмоций:
Дата добавления: 02.05.2016 в 19:24 по МСК
Категория: Интернет магазин
Просмотров: 1382
Комментариев: 1
Эмоций:
Теги:
| |