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


Кнопочки Меню


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

#1 nikon

nikon

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

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

Отправлено 20 Апрель 2016 - 10:53

Возможно ли сделать такие кнопочки в меню?  их с начало нарисовать нужно?

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

  • bandicam 2016-04-20 10-45-52-066.jpg


#2 Firefly

Firefly

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

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

Отправлено 20 Апрель 2016 - 10:59

Просмотр сообщенияnikon (20 Апрель 2016 - 10:53) писал:

Возможно ли сделать такие кнопочки в меню?  их с начало нарисовать нужно?

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

#3 nikon

nikon

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

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

Отправлено 20 Апрель 2016 - 11:00

Просмотр сообщенияFirefly (20 Апрель 2016 - 10:59) писал:

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

Спасибо, начнем рисовать.

#4 Яндекс

Яндекс

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

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

Отправлено 23 Апрель 2016 - 10:48

Здравствуйте.
Подскажите а как просто обернуть названия верхнего меню в кнопки ? То есть не просто чтобы было подчеркнутое название а чтобы был вид кнопки.

#5 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 23 Апрель 2016 - 11:24

Просмотр сообщенияЯндекс (23 Апрель 2016 - 10:48) писал:

Здравствуйте.
Подскажите а как просто обернуть названия верхнего меню в кнопки ? То есть не просто чтобы было подчеркнутое название а чтобы был вид кнопки.

Здравствуйте. В шаблоне main.css найдите строку:

#bar .links a { padding: 0.9em 0.7em 0.7em 0.7em; height: auto; display:block; color:#FFF; text-shadow: 1px 1px 1px rgba(204, 143, 0, 1); text-transform:uppercase;  }

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

#bar .links a {
	padding: 0.7em 0.7em 0.7em 0.7em;
	height: auto;
	display: block;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(204, 143, 0, 1);
	text-transform: uppercase;
	background: green;
	border-radius: 10px;
	margin: 0.3em;
}
#bar .links a:hover {
	background: red;
}

зеленый  красный цвета измените на необходимые.

и строку:

#bar .links { width: 80%; height: 100%; margin-bottom: 1.2%;}
замените на:
#bar .links { width: 80%; height: 100%; margin-bottom: 1.2%;  margin-top: 1.2%;}


#6 Яндекс

Яндекс

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

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

Отправлено 23 Апрель 2016 - 11:43

Благодарю, всё получилось.

#7 Яндекс

Яндекс

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

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

Отправлено 23 Апрель 2016 - 18:08

Подскажите есть и возможность сделать так чтобы определенные кнопки были изначально другого цвета, к примеру "Личный кабинет" красным фоном ?

#8 Firefly

Firefly

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

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

Отправлено 23 Апрель 2016 - 18:30

Просмотр сообщенияЯндекс (23 Апрель 2016 - 18:08) писал:

Подскажите есть и возможность сделать так чтобы определенные кнопки были изначально другого цвета, к примеру "Личный кабинет" красным фоном ?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}#content" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}{% IF menu.header.links.NAME=Акции %}style="color:red;"{% ENDIF %}>{menu.header.links.NAME}</a></li>

Замените на:
<li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}#content" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}{% IF menu.header.links.NAME=Акции %}style="color:red;"{% ELSEIF menu.header.links.NAME=Личный кабинет %}style="background:red;"{% ENDIF %}>{menu.header.links.NAME}</a></li>


#9 Яндекс

Яндекс

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

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

Отправлено 23 Апрель 2016 - 18:52

Спасибо!
Примерный алгоритм понял.

#10 Яндекс

Яндекс

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

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

Отправлено 23 Апрель 2016 - 18:59

При нажатии любой кнопки верхнего меню как бы сказать шапка уезжает вверх, чтобы снова просмотреть меню приходится прокручивать вверх.

#11 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 23 Апрель 2016 - 20:50

Просмотр сообщенияЯндекс (23 Апрель 2016 - 18:59) писал:

При нажатии любой кнопки верхнего меню как бы сказать шапка уезжает вверх, чтобы снова просмотреть меню приходится прокручивать вверх.

Здравствуйте. В редакторе шаблонов, в шаблоне html найдите блок кода:

<ul class="clearfix">
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
<li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}#content" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}{% IF menu.header.links.NAME=Акции %}style="color:red;"{% ELSEIF menu.header.links.NAME=Личный кабинет %}style="background:red;"{% ELSEIF menu.header.links.NAME=История заказов %}style="background:red;"{% ELSEIF menu.header.links.NAME=FAQ (Вопрос-Ответ) %}style="background:#0408FF;"{% ELSEIF menu.header.links.NAME=Техническая поддержка %}style="background:#FF0000;"{% ELSEIF menu.header.links.NAME=Корзина %}style="background:#0408FF;"{% ENDIF %}>{menu.header.links.NAME}</a></li>
				{% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		</ul>

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

<ul class="clearfix">
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
<li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}{% IF menu.header.links.NAME=Акции %}style="color:red;"{% ELSEIF menu.header.links.NAME=Личный кабинет %}style="background:red;"{% ELSEIF menu.header.links.NAME=История заказов %}style="background:red;"{% ELSEIF menu.header.links.NAME=FAQ (Вопрос-Ответ) %}style="background:#0408FF;"{% ELSEIF menu.header.links.NAME=Техническая поддержка %}style="background:#FF0000;"{% ELSEIF menu.header.links.NAME=Корзина %}style="background:#0408FF;"{% ENDIF %}>{menu.header.links.NAME}</a></li>
				{% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		</ul>


#12 Яндекс

Яндекс

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

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

Отправлено 23 Апрель 2016 - 20:56

Спасибо!

#13 Яндекс

Яндекс

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

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

Отправлено 24 Апрель 2016 - 12:04

Здравствуйте.
Возможно ли к графе коммментарий к заказу добавить кнопку "добавить файл" ? Когда покупатели прикладывают файл чтобы он отправлялся мне на почту вместе с письмом о новом заказе...

#14 nikon

nikon

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

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

Отправлено 24 Апрель 2016 - 13:02

Просмотр сообщенияЯндекс (24 Апрель 2016 - 12:04) писал:

Здравствуйте.
Возможно ли к графе коммментарий к заказу добавить кнопку "добавить файл" ? Когда покупатели прикладывают файл чтобы он отправлялся мне на почту вместе с письмом о новом заказе...
вроде и так есть это...

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

  • bandicam 2016-04-23 11-13-21-242.jpg


#15 Firefly

Firefly

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

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

Отправлено 24 Апрель 2016 - 13:09

Просмотр сообщенияЯндекс (24 Апрель 2016 - 12:04) писал:

Здравствуйте.
Возможно ли к графе коммментарий к заказу добавить кнопку "добавить файл" ? Когда покупатели прикладывают файл чтобы он отправлялся мне на почту вместе с письмом о новом заказе...

Здравствуйте.
К сожалению, сделать кнопку непосредственно при оформлении заказа не получится, поскольку технически отсутствует возможность передачи дополнительных данных (и файлов) в админ. панель (включая почту).

#16 nikon

nikon

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

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

Отправлено 10 Май 2016 - 20:53

Просмотр сообщенияFirefly (24 Апрель 2016 - 13:09) писал:

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

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

  • bandicam 2016-05-10 20-49-45-912.jpg


#17 Vaccina

Vaccina

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

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

Отправлено 11 Май 2016 - 01:47

В шаблоне HTML перед:
<ul class="telephone23">

вставьте:
<div style="position: absolute; top: 20px; left: 400px;">
  <a href="ссылка" target="_blank">
	 <img src="ссылка на картинку" alt="" />
  </a>
</div>





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

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