Перейти к содержанию
Y4enik

[Решено] Телефоны списком

Рекомендуемые сообщения

Подскажите как добавить телефоны, которые при переключении картинок к примеру (Киевстар, МТС, Life) переключались бы номера телефонов.
Необходимо для того, чтоб не занимали много места в хэйдере.

Ps. Создавать их просто списком (в столбик) в header.tpl и редактировать .css умею, а вот такую красоту нет(

1.jpg

2.jpg

3.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 
<select id="operators" name="operator">
    <option value="operator0">KS</option>
    <option value="operator1">MTS</option>
    <option value="operator2">Life:)</option>
</select>
<div id="operator-wrap"></div>

<script>
var item, op;
var operators = {
    'operator1' : '050 123-45-67',
    'operator2' : '063 987-65-43' 
};
$('#operators').change(function() {
    item = $(this).val();
    op = operators[item];
    $('#operator-wrap').html(op);
});
</script>

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

21.jpg

22.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

изначально заполните <div id="operator-wrap"></div> самым первым плейсхолдером из селекта. Короче, просто пропишите первый телефон туда.

а вывод сбоку - это стили. типа inline-block; 

без ссылки трудно сказать.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Skunk, Вот ссылка на магазин
http://www.sportmenu.in.ua/
Если не сложно подскажите, а то второй день мучаюсь с решением.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

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

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.