Новости Joomla

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

В открытый доступ выложен видео-курс Дмитрия Гончарова по созданию интернет-магазина на связке Joomla + JoomShopping. Видеоуроки содержат пошаговые инструкции от регистрации хостинга до особенностей вёрстки, настройки способов оплаты и доставки.

В видео фигурирует JoomShopping 4 и Joomla 3, однако JoomShopping довольно консервативный компонент и многие способы и подходы в нём не менялись годами, поэтому данные видео могут быть по прежнему полезны.

Смотреть видео-курс

@joomlafeed

👩‍💻 SM WT CDEK аддон доставки для JoomShopping.

👩‍💻 SM WT CDEK аддон доставки для JoomShopping.

Способ доставки для интернет-магазина JoomShopping. Работает с API CDEK v.2. Считает стоимость доставки, позволяет выбрать пункт выдачи заказа CDEK на карте, отображает полную информацию о ПВЗ в заказе. Для работы аддона необходимо установить и настроить библиотеку WT CDEK.

👉 v.1.3.4. Что нового?
- Скидки на доставку. Добавлены настройки скидок на доставку в зависимости от суммы заказа. Также можно выбрать какую цену использовать: до применения купона или после.
- Фиксированная наценка. Добавлено поле для фиксированной наценки на доставку в интерфейс цены на доставку.
- Локализация. Сделаны файлы локализации. Русский и английский языки.
- Рефакторинг и чистка кода. Приблизили код к стандартам.

Страница расширения

@joomlafeed

Вышли релизы Joomla 6.1 и Joomla 5.4.5: новые возможности и стабильность

Релиз Joomla 6.1.0

Проект Joomla! объявил о доступности Joomla 6.1 [Nyota] — новой минорной версии шестой серии, а также о выпуске релиза исправлений ошибок Joomla 5.4.5. Релиз 6.1 приносит ряд долгожданных функций, повышающих удобство управления контентом и защиту от спама.

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 4951 Просмотров
*

Lemonez

  • Захожу иногда
  • 225
  • 2 / 2
Стилизация checkbox в форме
« : 09.10.2019, 22:07:09 »
Здравствуйте! Как мне стилизовать checkbox? Вот здесь: https://cbsystems.ru/raschjot-stoimosti-sajta (если выбрать любой пункт, то появятся чекбоксы)
Хотелось бы их увеличить перекрасить и т.п. Подскажите, пожалуйста.
Записан
*

Lemonez

  • Захожу иногда
  • 225
  • 2 / 2
Re: Стилизация checkbox в форме
« Ответ #1 : 09.10.2019, 22:37:47 »
Вот есть такая конструкция:
/* прячем input checkbox */
input[type="checkbox"] {
  display: none;
}

/* стили для метки */
label {
  color: #000;
  cursor: default;
  font-weight: normal;
  line-height: 30px;
  padding: 10px 0;
  vertical-align: middle;
}

/* формируем внешний вид чекбокса в псевдоэлементе before */
label:before {
  content: " ";
  color: #000;
  display: inline-block;
  font: 20px/30px Arial;
  margin-right: 15px;
  position: relative;
  text-align: center;
  text-indent: 0px;
  width: 30px;
  height: 30px;
  background: #FFF;
  border: 1px solid #e3e3e3;
  border-image: initial;
  vertical-align: middle;
}

/* вариации внешнего вида в зав-ти от статуса checkbox */
/* checked */
input:checked + label:before {
  content: "x";
}
/* disabled */
input:disabled + label:before {
  background: #eee;
  color: #aaa;
}
Но она почему-то не отмечает отмеченный чекбокс. Т.е. это input:checked + label:before {
  content: "x";
} почему-то не работает.
Записан
*

sivers

  • Живу я здесь
  • 2613
  • 363 / 0
Re: Стилизация checkbox в форме
« Ответ #2 : 09.10.2019, 22:46:04 »
Цитата: Lemonez от 09.10.2019, 22:37:47
почему-то не работает.
чтоб работало <input> должен быть перед <label>
Код
<div>
   <input...>
   <label...>
</div>

Вот решение на бутстрапе, но у вас работать не будет, потому что это для 4-й версии. Но можете посмотреть как там сделано:
Спойлер
[свернуть]
Записан
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

Lemonez

  • Захожу иногда
  • 225
  • 2 / 2
Re: Стилизация checkbox в форме
« Ответ #3 : 09.10.2019, 22:58:40 »
Цитата: sivers от 09.10.2019, 22:46:04
чтоб работало <input> должен быть перед <label>
Код
<div>
   <input...>
   <label...>
</div>

Вот решение на бутстрапе, но у вас работать не будет, потому что это для 4-й версии. Но можете посмотреть как там сделано:
Спойлер
[свернуть]
Спасибо за совет, но я не силен в php))). Как тут поменять их местами (input и label)? Вот код формы:
  if ($pos) {
            $html .= '<label class="qf3label qfempty"></label>';
        } else {
            $html .= $this->getLabel($field, $rand, 'qf3label qfbefore');
        }

        $html .= '<div class="qfchkbx"><input class="checkbox" id="' . $rand . '" type="checkbox" name="chbx"' . $this->attr(array('class', 'custom', 'checked', 'required'), $field);
Записан
*

sivers

  • Живу я здесь
  • 2613
  • 363 / 0
Re: Стилизация checkbox в форме
« Ответ #4 : 09.10.2019, 23:08:37 »
Вот так, вероятно...
Код
          $html .= '<div class="qfchkbx"><input class="checkbox" id="' . $rand . '" type="checkbox" name="chbx"' . $this->attr(array('class', 'custom', 'checked', 'required'), $field);

  if ($pos) {
            $html .= '<label class="qf3label qfempty"></label>';
        } else {
            $html .= $this->getLabel($field, $rand, 'qf3label qfbefore');
        }
Записан
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

Lemonez

  • Захожу иногда
  • 225
  • 2 / 2
Re: Стилизация checkbox в форме
« Ответ #5 : 10.10.2019, 00:11:10 »
Цитата: sivers от 09.10.2019, 23:08:37
Вот так, вероятно...
Код
          $html .= '<div class="qfchkbx"><input class="checkbox" id="' . $rand . '" type="checkbox" name="chbx"' . $this->attr(array('class', 'custom', 'checked', 'required'), $field);

  if ($pos) {
            $html .= '<label class="qf3label qfempty"></label>';
        } else {
            $html .= $this->getLabel($field, $rand, 'qf3label qfbefore');
        }
Спасибо. Но так не работает.
Записан
*

Lemonez

  • Захожу иногда
  • 225
  • 2 / 2
Re: Стилизация checkbox в форме
« Ответ #6 : 10.10.2019, 00:12:19 »
Тему можно закрывать, в форме присутствовал измененный чекбокс - он красивый и удобный в отличие от оригинального. Так, что решение не понадобилось.
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

По форме FOXCONTACT !

Автор aleminov

 Ответов: 0
Просмотров: 1560 		Последний ответ 16.10.2014, 14:42:30
от aleminov
Заставить в FormCalc работать checkbox

Автор Phoenix-ann

 Ответов: 2
Просмотров: 2069 		Последний ответ 12.10.2013, 21:21:18
от kozhenevsky
Прикрепление файла в форме?

Автор uniqcle

 Ответов: 1
Просмотров: 2615 		Последний ответ 04.03.2010, 00:21:48
от ZyX