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

[Снежколеп]

Здравствуйте!

Как можно сделать вот такое меню на странице, пример: http://borodist.ru/store/partner
Что бы при выборе города отображались наши представители
Страница на которую необходимо поместить данное меню: http://снежколеп.рф/...t-v-moem-gorode

Спасибо.

[Снежколеп]

Можно получить ответ на данный вопрос???

[Vaccina]

Используйте для этого следующий код:

<div id="preload" style="display:none">
  <div city="1">Информация для города Москва</div>
  <div city="2">Информация для города Красноярск</div>
  <div city="3">Информация для города Иркутск</div>
  ...
</div>
<select onchange="load_city(this)">
  <option value="1">Москва</option>
  <option value="2">Красноярск</option>
  <option value="3">Иркутск</option>
  ...
</select>
<div id="city_info"></div>

<script>function load_city(el){
$('#city_info').html($('#preload div[city="'+$(el).val()+'"]').html());
}</script>

Вместо многоточия вы можете продолжать список, вставлять лучше в шаблоне Страница с условием, пример:
{% IF PAGE_NAME = Точное название страницы %}
код выше
{% ENDIF %}

[Снежколеп]

Vaccina (15 Май 2015 - 04:00) писал:

Используйте для этого следующий код:

<div id="preload" style="display:none">
<div city="1">Информация для города Москва</div>
<div city="2">Информация для города Красноярск</div>
<div city="3">Информация для города Иркутск</div>
...
</div>
<select onchange="load_city(this)">
<option value="1">Москва</option>
<option value="2">Красноярск</option>
<option value="3">Иркутск</option>
...
</select>
<div id="city_info"></div>

<script>function load_city(el){
$('#city_info').html($('#preload div[city="'+$(el).val()+'"]').html());
}</script>

Вместо многоточия вы можете продолжать список, вставлять лучше в шаблоне Страница с условием, пример:
{% IF PAGE_NAME = Точное название страницы %}
код выше
{% ENDIF %}

Здравствуйте!
Спасибо за ответ, а куда этот код поместить? И как потом добавлять к этим спискам информацию, что бы получилось как на этой странице: http://borodist.ru/store/partner
Так же сделать что бы выпадающий список был посередине, увеличить его, окантовку сделать жирным, и шрифт в выпадающем меню увеличить.
Спасибо.

[Cupuyc]

Снежколеп (15 Май 2015 - 10:48) писал:

Здравствуйте!
Спасибо за ответ, а куда этот код поместить?

Здравствуйте, код следует вставлять в созданную вами страницу, в разделе админ. панель -> Сайт -> Страницы.

Снежколеп (15 Май 2015 - 10:48) писал:

Здравствуйте!
И как потом добавлять к этим спискам информацию, что бы получилось как на этой странице: http://borodist.ru/store/partner

Информацию следует поместить в строки вида: "<div city="1">Информация для города Москва</div>" заменив "Информация для города ..." на свой текст(или же код).

Снежколеп (15 Май 2015 - 10:48) писал:

Так же сделать что бы выпадающий список был посередине, увеличить его, окантовку сделать жирным, и шрифт в выпадающем меню увеличить.
Спасибо.

Пожалуйста произведите изменения для продолжения.

[Снежколеп]

Cupuyc (15 Май 2015 - 11:10) писал:

Здравствуйте, код следует вставлять в созданную вами страницу, в разделе админ. панель -> Сайт -> Страницы.



Информацию следует поместить в строки вида: "<div city="1">Информация для города Москва</div>" заменив "Информация для города ..." на свой текст(или же код).




Пожалуйста произведите изменения для продолжения.

Здравствуйте!
Спасибо за быстрый ответ, получается я не смогу сделать как у них, логотип а ниже информация о магазине часы работы и тд. и тп?
Изменения внёс, прошу помочь далее по данному вопросу =)
Спасибо.

[Cupuyc]

Снежколеп (15 Май 2015 - 11:16) писал:

Здравствуйте!
Спасибо за быстрый ответ, получается я не смогу сделать как у них, логотип а ниже информация о магазине часы работы и тд. и тп?
Изменения внёс, прошу помочь далее по данному вопросу =)
Спасибо.

Вы можете использовать логотип, информацию о магазине, часы работы, и другие необходимые сведения, пример для того чтобы вставить логотип у опции №3:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Страница найдите код:

<div city="3">Информация для города Иркутск</div>

Замените его на:

<div city="3">
<a style="display: inline-block; width: 100px;"><img src="http://originalnie-podarki.com/wordpress/wp-content/uploads/2012/12/12.jpg" style="height: 100px;">
Информация для города Иркутск
</a>
</div>

[Снежколеп]

Cupuyc (15 Май 2015 - 11:52) писал:

Вы можете использовать логотип, информацию о магазине, часы работы, и другие необходимые сведения, пример для того чтобы вставить логотип у опции №3:
Зайдите в админ. панель -> Сайт -> Страницы -> Купить в моём городе найдите код:

<div city="3">Информация для города Иркутск</div>

Замените его на:

<div city="3">
<a style="display: inline-block; width: 100px;"><img src="http://originalnie-podarki.com/wordpress/wp-content/uploads/2012/12/12.jpg" style="height: 100px;">
Информация для города Иркутск
</a>
</div>

Уже на верном пути =)
А как быть с этими вопросами: Так же сделать что бы выпадающий список был посередине, увеличить его, окантовку сделать жирным, и шрифт в выпадающем меню увеличить.

[Cupuyc]

Снежколеп (15 Май 2015 - 12:12) писал:

Уже на верном пути =)
А как быть с этими вопросами: Так же сделать что бы выпадающий список был посередине, увеличить его, окантовку сделать жирным, и шрифт в выпадающем меню увеличить.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Страница найдите код:

<select onchange="load_city(this)">
  <option value="1">Москва</option>
  <option value="2">Красноярск</option>
  <option value="3">Иркутск</option>
  ...
</select>

Замените его на:

<div class="goroda"><select onchange="load_city(this)">
  <option value="1">Москва</option>
  <option value="2">Красноярск</option>
  <option value="3">Иркутск</option>
  ...
</select></div>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css добавьте в конец шаблона код:

.goroda select {
  min-height: 50px;
  min-width: 200px;
  font-size: 25px;
  border: 4px solid rgb(53, 135, 215);
}

[Снежколеп]

Cupuyc (15 Май 2015 - 12:47) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Страница найдите код:

<select onchange="load_city(this)">
<option value="1">Москва</option>
<option value="2">Красноярск</option>
<option value="3">Иркутск</option>
...
</select>

Замените его на:

<div class="goroda"><select onchange="load_city(this)">
<option value="1">Москва</option>
<option value="2">Красноярск</option>
<option value="3">Иркутск</option>
...
</select></div>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css добавьте в конец шаблона код:

.goroda select {
min-height: 50px;
min-width: 200px;
font-size: 25px;
border: 4px solid rgb(53, 135, 215);
}

Спасибо огромное, вот только сам список не стал посередине, так же, непонятно мне как сделать вот так: фото прикрепляю.


Сделать это необходимо тут: см,фото:

Очень прошу помочь с данным вопросом, эта функция очень важна. Спасибо огромное.

[Cupuyc]

Снежколеп (15 Май 2015 - 13:00) писал:

Спасибо огромное, вот только сам список не стал посередине, так же, непонятно мне как сделать вот так: фото прикрепляю.
Сделать это необходимо тут: см,фото:

Очень прошу помочь с данным вопросом, эта функция очень важна. Спасибо огромное.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css добавьте в конец шаблона код:

.goroda {
text-align: center;
}

Зайдите в админ. панель -> Сайт -> Страницы -> Купить в моём городе найдите код:

<span style="font-size:16px;"><u><a href="http://снежколеп.рф/page/Stan-predstavitelem"><span style="color:#465568;">Стань представителем</span></a></u></span><span style="color:#465568;"><span style="font-size:16px;"><span style="line-height: normal; text-align: -webkit-center;">!</span></span></span></span>

Перенесите его в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Страница ниже этих строк кода:

<option value="3">Иркутск</option>
...
</select></div>

[Снежколеп]

Cupuyc (15 Май 2015 - 13:11) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css добавьте в конец шаблона код:

.goroda {
text-align: center;
}

Зайдите в админ. панель -> Сайт -> Страницы -> Купить в моём городе найдите код:

<span style="font-size:16px;"><u><a href="http://снежколеп.рф/page/Stan-predstavitelem"><span style="color:#465568;">Стань представителем</span></a></u></span><span style="color:#465568;"><span style="font-size:16px;"><span style="line-height: normal; text-align: -webkit-center;">!</span></span></span></span>

Перенесите его в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Страница ниже этих строк кода:

<option value="3">Иркутск</option>
...
</select></div>

У меня нет этого кода на странице:
<span style="font-size:16px;"><u><a href="http://снежколеп.рф/...avitelem"><span style="color:#465568;">Стань представителем</span></a></u></span><span style="color:#465568;"><span style="font-size:16px;"><span style="line-height: normal; text-align: -webkit-center;">!</span></span></span></span>
Где его найти?
Я не могу его перенести =((

[Cupuyc]

Снежколеп (15 Май 2015 - 15:36) писал:

У меня нет этого кода на странице:
<span style="font-size:16px;"><u><a href="http://снежколеп.рф/...avitelem"><span style="color:#465568;">Стань представителем</span></a></u></span><span style="color:#465568;"><span style="font-size:16px;"><span style="line-height: normal; text-align: -webkit-center;">!</span></span></span></span>
Где его найти?
Я не могу его перенести =((

Этот код находиться в админ. панель -> Сайт -> Страницы -> Купить в моём городе, возможно вы не нажали кнопку "Источник".

[Снежколеп]

Cupuyc (15 Май 2015 - 15:38) писал:

Этот код находиться в админ. панель -> Сайт -> Страницы -> Купить в моём городе, возможно вы не нажали кнопку "Источник".

В итоге у меня получилось так:

А должно получиться вот так:


Очень прошу вас помочь. =)

[Cupuyc]

Снежколеп (15 Май 2015 - 15:53) писал:

В итоге у меня получилось так:

А должно получиться вот так:


Очень прошу вас помочь. =)

Зайдите в админ. панель -> Сайт -> Страницы -> Купить в моём городе найдите и удалите код:

<span style="font-family:tahoma,geneva,sans-serif;"><span style="color: rgb(70, 85, 104); font-size: 16px; line-height: normal; text-align: -webkit-center;">Нет твоего города?&nbsp;</span></span>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Страница найдите код:

<span style="font-size:16px;"><u><a href="http://снежколеп.рф/page/Stan-predstavitelem"><span style="color:#465568;">Стань представителем</span></a></u></span><span style="color:#465568;"><span style="font-size:16px;"><span style="line-height: normal; text-align: -webkit-center;">!</span></span></span></span></div>

Замените его на:

<div style="text-align: center;">
<span>Нет твоего города?</span>
<a href="http://снежколеп.рф/page/Stan-predstavitelem"><span>Стань представителем!</span></a> 
</div>

[Снежколеп]

Cupuyc (15 Май 2015 - 16:16) писал:

Зайдите в админ. панель -> Сайт -> Страницы -> Купить в моём городе найдите и удалите код:

<span style="font-family:tahoma,geneva,sans-serif;"><span style="color: rgb(70, 85, 104); font-size: 16px; line-height: normal; text-align: -webkit-center;">Нет твоего города?&nbsp;</span></span>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Страница найдите код:

<span style="font-size:16px;"><u><a href="http://снежколеп.рф/page/Stan-predstavitelem"><span style="color:#465568;">Стань представителем</span></a></u></span><span style="color:#465568;"><span style="font-size:16px;"><span style="line-height: normal; text-align: -webkit-center;">!</span></span></span></span></div>

Замените его на:

<div style="text-align: center;">
<span>Нет твоего города?</span>
<a href="http://снежколеп.рф/page/Stan-predstavitelem"><span>Стань представителем!</span></a>
</div>

Осталось совсем чуть чуть =)
Вот что в итоге получилось:


Опс, нижнее меню стало нормальным, теперь главное с текстом разобраться, и да его необходимо немного увеличить =)

[Cupuyc]

Снежколеп (15 Май 2015 - 16:26) писал:

Осталось совсем чуть чуть =)
Вот что в итоге получилось:
Опс, нижнее меню стало нормальным, теперь главное с текстом разобраться, и да его необходимо немного увеличить =)

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Страница найдите код:

<div style="text-align: center;">
<span>Нет твоего города?</span>
<a href="http://снежколеп.рф/page/Stan-predstavitelem"><span>Стань представителем!</span></a>
</div>

Замените его на:

<div style="font-size: 20px;text-align: center;">
<span>Нет твоего города?</span><br>
<a href="http://снежколеп.рф/page/Stan-predstavitelem"><span>Стань представителем!</span></a>
</div>

Описанные выше инструкции не имеют отношения к блоку "Подвал", высота страницы зависит от количества её наполнения.

[Снежколеп]

Cupuyc (15 Май 2015 - 16:34) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Страница найдите код:

<div style="text-align: center;">
<span>Нет твоего города?</span>
<a href="http://снежколеп.рф/page/Stan-predstavitelem"><span>Стань представителем!</span></a>
</div>

Замените его на:

<div style="font-size: 20px;text-align: center;">
<span>Нет твоего города?</span><br>
<a href="http://снежколеп.рф/page/Stan-predstavitelem"><span>Стань представителем!</span></a>
</div>

Описанные выше инструкции не имеют отношения к блоку "Подвал", высота страницы зависит от количества её наполнения.

Жму вам руку, спасибо Вам огромное, руки у Вас растут от туда от куда надо =)
Спасибо.

[Снежколеп]

Здравствуйте!

1. Обращаюсь к вам за помощью, всё сделал как вы писали, теперь новая проблема размещения информации совсем ужасно выглядит, фото прикрепляю.
2. Как к картинке представителя прикрепить ссылку?
3. Опять же повторюсь, пример этого меню по этой ссылке: http://borodist.ru/store/partner
Там учтены пропорции, сделаны пробелы, сделать надпись: (Стань представителем!) с подчёркиванием и синим цветом, что бы люди поняли что это активная ссылка.


Прошу помочь с данным вопросом.

[Vaccina]

В шаблоне Страница вместо:

<a style="display: inline-block; width: 100px;"><img src="http://originalnie-podarki.com/wordpress/wp-content/uploads/2012/12/12.jpg" style="height: 100px;">
Тел: +7 (964) 000-00-88
Email: zzzz@mail.ru
Адрес: Алтуфьевское шоссе дом 27
Сайт: wwww.снежколеп.рф
</a>

используйте следующую конструкцию:

<div class="representative">
<a href="ссылка на представителя"><img src="http://originalnie-podarki.com/wordpress/wp-content/uploads/2012/12/12.jpg" alt="" /></a>
<p>Тел: +7 (964) 000-00-88</p>
<p>Email: zzzz@mail.ru</p>
<p>Адрес: Алтуфьевское шоссе дом 27</p>
<p>Сайт: wwww.снежколеп.рф</p>
</div>

например, если 2 представителя, то структура будет следующей:

<div class="representative">
<a href="ссылка на представителя"><img src="http://originalnie-podarki.com/wordpress/wp-content/uploads/2012/12/12.jpg" alt="" /></a>
<p>Тел: +7 (964) 000-00-88</p>
<p>Email: zzzz@mail.ru</p>
<p>Адрес: Алтуфьевское шоссе дом 27</p>
<p>Сайт: wwww.снежколеп.рф</p>
</div>
<div class="representative">
<a href="ссылка на представителя"><img src="http://originalnie-podarki.com/wordpress/wp-content/uploads/2012/12/12.jpg" alt="" /></a>
<p>Тел: +7 (964) 000-00-88</p>
<p>Email: zzzz@mail.ru</p>
<p>Адрес: Алтуфьевское шоссе дом 27</p>
<p>Сайт: wwww.снежколеп.рф</p>
</div>

Для стилизации блоков в конец main.css вставьте:

.pagecont #city_info {
text-align: center;
}
#city_info .representative {
display: inline-block;
margin: 1%;
min-width: 200px;
text-align: center;
width: 30%;
}