Кнопка Button

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

Кнопка Button для icms2

#1 23 октября 2015 в 10:21

Подскажите пожалуйста, где найти тип поля "кнопка button", существует ли дополнение, компонент для icms2. Хочу встроить после текста кнопку "перейти" и не могу понять как можно это сделать. В этой кнопке "перейти" должен скрываться url сайта, куда надо переходить.

#2 23 октября 2015 в 12:08

А зачем так сложно? Можно так и оставить в виде ссылки ваш url и в стилях оформить его как кнопку. Вот примеры в помощь: http://shpargalkablog.ru/2012/04/css-knopki.html

#3 23 октября 2015 в 12:22

Спасибо. А как вывести эти кнопки, куда и что вписывать (файлы шаблона, css или еще что то другое), совсем не разбираюсь в пхп, не могли бы подсказать.

Сегодня в 16:49

#4 23 октября 2015 в 13:03

И еще, посмотрел разные видео по выводу кнопок, но для меня они не подходят. Они в основном сделаны для статей и ссылку заранее нужно вписывать в сам файл кнопки. Мне нужно чтобы эта кнопка работала с полем ссылка и любой пользователь мог там при заполнении вписывать свою ссылку. Например пользователи выкладывают товары или услуги на сайте, а кнопка нужна для перехода на сайт указанный пользователем, а стандартное поле ссылка у инстанта без кнопки показывается.

#5 23 октября 2015 в 13:29

Есть каталог товаров созданный из стандартных полей инстанта. В этот каталог пользователи выкладывают свои товары для продажи. Но там нет ни корзины, ни шопа, покупка производится на стороннем сайте, который указывает сам пользователь (например интернет магазин) У инстанта2 есть стандартное поле "ссылка", вот как к этому полю привязать кнопку "купить". Нажимаешь на эту кнопку и переходишь по ссылке указанный пользователем.

#6 23 октября 2015 в 21:00

Пошагово:
1. Вставляете в нужный вам тип контента поле "Ссылка".
2. Системное имя я использовал "linkurl", можете прописывать любое и использовать его в стилях.
3. При необходимости настраиваете "Положение заголовков"
4. В любой загружаемый в выбранном типе контента файл стилей (например ..\templates\default\css\theme-gui.css) дописываете:

...
.f_linkurl a {
  display: inline-block;
  font-weight: bold;
  font-size: 0;
  color: rgb(68,68,68);
  text-decoration: none;
  user-select: none;
  padding: 8px 17px;
  outline: none;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 2px;
  background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all .218s ease 0s;
}
.f_linkurl a:before {
  content: "Button"; /*Тут прописываете заголовок кнопки*/
  font-size: 14px;
}
.f_linkurl a:hover {
  color: rgb(24,24,24);
  border: 1px solid rgb(198,198,198);
  background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.f_linkurl a:active {
  color: rgb(51,51,51);
  border: 1px solid rgb(204,204,204);
  background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}

5. Указываете желаемый заголовок кнопки (см. примечание в css выше)
Еще раз напомню про системное имя поля. Если вы используете другое то класс .f_linkurl меняется на .f_ваше_системное_имя

Всё. Получаете то, что вы хотели: пользователь заполняет поле любой ссылкой и она при просмотре записи превращается в кнопку joke

#7 23 октября 2015 в 21:09

Плюсую. Кнопка в "тип поля" просто необходима.
Открытие в новом окне, при нажатии, немаловажно.

#8 23 октября 2015 в 21:47

Val

Сделал по инструкции. Но ничего не получилось, системное имя linkurl, слово купить появилось но без кнопки, ссылка не скрыта, вот скрин

#9 23 октября 2015 в 22:50

Пошагово:
1. Вставляете в нужный вам тип контента поле "Ссылка".
2. Системное имя я использовал "linkurl", можете прописывать любое и использовать его в стилях.
3. При необходимости настраиваете "Положение заголовков"
4. В любой загружаемый в выбранном типе контента файл стилей (например ..\templates\default\css\theme-gui.css) дописываете:
Val

Спасибо большое, все работает!

#10 25 октября 2015 в 10:49

Плюсую. Кнопка в "тип поля" просто необходима.
Открытие в новом окне, при нажатии, немаловажно.
Dmitry

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

#11 1 ноября 2015 в 19:13

Val

Спасибо.

Дата с диапазоном

Обратный отсчет для icms2

Кнопка Button

Похожие темы

How to show button instead of whole link inside content

Кнопки html

Кнопки поделится, соц сети для instant 2

Пропала вверху кнопка редактировать

Глупый вопрос(продолжение): Кнопки "Сохранить" в backend

[ЕСТЬ РЕШЕНИЕ] Скрыть кнопку подписки от пользователей

InstantCMS Team

О проекте

Поддержка

Дополнения