Новости Joomla

👩‍💻 Joomla-ресурсы в мессенджере MAX.

👩‍💻 Joomla-ресурсы в мессенджере MAX.

В мессенджере MAX некоторое время назад созданы чат и канал русскоязычного Joomla-сообщества - "Joomla! по-русски".
- чат
- канал (зеркало @JoomlaFeed)

Также ссылки можно найти на официальном сайте Joomla-сообщества - Joomlaportal.ru.
@joomlafeed

👩‍💻 WT CDEK library v.1.3.0 - обновление PHP SDK для Joomla + CDEK.

👩‍💻 WT CDEK library v.1.3.0 - обновление PHP SDK для Joomla + CDEK.

Небольшая нативная PHP Joomla библиотека для работы с API v.2 службы доставки CDEK. Библиотека представляет собой клиент для авторизации в CDEK API по OAuth, работы с некоторыми методами API: получения ряда данных и расчета стоимости доставки. Поддерживается Joomla 4.2.7 и выше.

В пакет входят:
- библиотека Webtolk/Cdekapi
- системный плагин System - WT Cdek для хранения настроек и AJAX-интеграций
- task-плагин Task - Update WT Cdek data для обновления локальных копий справочников CDEK по расписанию
- web asset с официальным JavaScript-виджетом СДЭК

👉 v.1.3.0. Что нового?
- Полный рефакторинг библиотеки. Библиотека переработана в entity-based API с фасадом Cdek и отдельным слоем запросов. Обратная совместимость не нарушена, поэтому версия библиотеки - 1.3.0.
- Добавлена поддержка новых разделов API СДЭК. Добавлена поддержка новых разделов API СДЭК: webhooks, prealert, печатные формы, payment, passport, reverse, intakes и других сущностей.
- Улучшена интеграция с Joomla.
Улучшена интеграция с Joomla: installer script для layouts, новые поля Joomla Form для тарифов и обновлённые js виджета CDEK.
- документация библиотеки. Все методы библиотеки подробно описаны, а так же текст документации собран в отдельной папке в git репозитории и будет опубликован на сайте.

Библиотека эта нужна для разработчиков, создающих свои расширения для интеграции Joomla и курьерской службы CDEK.

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

@joomlafeed

👩‍💻 Вышла новая версия плагина joomLab Gallery 1.1.0 для Joomla.

👩‍💻 Вышла новая версия плагина joomLab Gallery 1.1.0 для Joomla.

Плагин joomLab Gallery позволит Вам добавлять в любой материал или модуль HTML неограниченное количество галерей, а главное удобно управлять файлами и эффектами в каждой галерее.

Плагин использует популярны скрипты Swiper.js и FancyBox. Первый для крутой организации и эффектов галерей, а второй для красивого и функционального показа оригинальных изображений на Вашем сайте.

Что нового?
- поддержка Joomla 6
- добавлена возможность добавлять галереи в стандартные модули HTML, что позволит размещать галереи в любых местах Вашего сайта

Разработчик - участник нашего сообщества Александр Новиков .

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

@joomlafeed

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

kik84

  • Завсегдатай
  • 1350
  • 64 / 4
Свои стили для мобильных устройств
« : 16.08.2014, 10:33:51 »
Подскажите, как и что надо прописать в index.php шаблона, чтобы, если сайт открывался с мобильного устройства, то стили считывались из другого файла CSS.
Задача состоит в том, чтобы при открытии с мобильника, были:
1 другой размер шрифтов
2 другой стиль вывода для бэкграунда
3 еще пара мелочей...
Записан
*

evgen777

  • Давно я тут
  • 657
  • 62 / 2
Re: Свои стили для мобильных устройств
« Ответ #1 : 16.08.2014, 10:57:57 »
как вариант
определять мобилку с помощью этого
и далее ставить условие вроде
Код: php
if( $detect->isMobile() ){
//тут подключаем стили для мобилки
}else{
//подключаем обычные стили
}
Записан
Разработка, доработка расширений для Joomla!
*

fbr

  • Завсегдатай
  • 1689
  • 211 / 7
Re: Свои стили для мобильных устройств
« Ответ #2 : 16.08.2014, 11:35:52 »
Тоже, как вариант:
Код: php
jImport('joomla.application.web.webclient'); 
$client = new JWebClient();

if($client->__get('mobile')) {
  echo '<div class="mobile_class" >';
} else {
  echo '<div class="desctop_class" >'; 
}
Записан
*

kik84

  • Завсегдатай
  • 1350
  • 64 / 4
Re: Свои стили для мобильных устройств
« Ответ #3 : 16.08.2014, 13:40:06 »
Цитата: fbr от 16.08.2014, 11:35:52
Тоже, как вариант:
Код: php
jImport('joomla.application.web.webclient'); 
$client = new JWebClient();

if($client->__get('mobile')) {
  echo '<div class="mobile_class" >';
} else {
  echo '<div class="desctop_class" >'; 
}

Не совсем понял, допустим, надо, чтобы в мобильнике шрифт был не 16px, а 12px.
В стилях это так:
Спойлер
[свернуть]

Т.е. тогда так?
  echo '<div  class="mobile_body" >';
а во второй:
  echo '<div class="desctop_body" >';
и то, что в стилях сейчас просто в .body перенести в desctop?
Записан
*

kik84

  • Завсегдатай
  • 1350
  • 64 / 4
Re: Свои стили для мобильных устройств
« Ответ #4 : 16.08.2014, 13:41:18 »
Цитата: evgen777 от 16.08.2014, 10:57:57
как вариант
определять мобилку с помощью этого
и далее ставить условие вроде
Код: php
if( $detect->isMobile() ){
//тут подключаем стили для мобилки
}else{
//подключаем обычные стили
}

А в шаблоне вывод такой в head
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />

Эту строку надо убрать и оформить через if и else?
Записан
*

fbr

  • Завсегдатай
  • 1689
  • 211 / 7
Re: Свои стили для мобильных устройств
« Ответ #5 : 16.08.2014, 14:29:30 »
<body class="mobile-class">
или
<body>
Общие стили пишете для body{}
переопределенные стили для body.mobile-class{}

Тот вариант, который я привел выше можно применят ко всему шаблону или отдельным блокам (модулям)
Можно сделать по другому:
Код: php
// php-код разместите в начале страницы после defined('_JEXEC') or die;
...
$mobail_class = "";
if($client->__get('mobile')) {
 $mobail_class =  ' class="mobile_class" ' ;
}

А в нужном месте для (body или другого контейнера div) прописать:
Код: php
<div<?php echo $mobail_class; ?>>

Если там уже есть класс, то немножко по другому)) сами сообразите))

п.с. А самое простое - определить стили для мобил на уровне CSS c помощью @media
« Последнее редактирование: 16.08.2014, 14:34:32 от fbr »
Записан
*

kik84

  • Завсегдатай
  • 1350
  • 64 / 4
Re: Свои стили для мобильных устройств
« Ответ #6 : 16.08.2014, 16:37:52 »
Пока все работает только через:
@media only screen and (max-device-width: 600px) {
...
   }

Если пробовать через PHP, то итог один -белый экран)
Записан
*

midav

  • Давно я тут
  • 926
  • 115 / 1
Re: Свои стили для мобильных устройств
« Ответ #7 : 16.08.2014, 19:31:36 »
Цитата: kik84 от 16.08.2014, 16:37:52
Если пробовать через PHP, то итог один -белый экран)
Значит есть ошибки в синтаксисе PHP . Включите отображение ошибок и смотрите что неправильно .
А в принципе, чем не устраивает вариант через media правила ?
Записан
Ответы на вопросы по CSS . Откройте для себя Firebug
*

serjik

  • Захожу иногда
  • 344
  • 1 / 1
Re: Свои стили для мобильных устройств
« Ответ #8 : 01.10.2016, 00:49:30 »
Друзья, аналогичная проблема которую не удается решить. В мобильной версии нужно чтоб шрифт становился меньше чем на основном сайте, но он не становиться из за чего блоки с текстом расползаются. Есть файл mobil.css где пробовал прописать свой размер шрифта но текст все равно берет его из основного файла . Как заставить его в мобильной версии "ужаться" ? советы данные выше с php вставками в шаблон не работают, а только выводят сайт из строя.
сайт: http://kreator-av.ru
« Последнее редактирование: 01.10.2016, 01:04:33 от serjik »
Записан
*

beliyadm

  • Легенда
  • 9758
  • 1665 / 66
  • Севастополь, Россия
Re: Свои стили для мобильных устройств
« Ответ #9 : 01.10.2016, 01:16:04 »
Зачем вы городите огород, есть же медиа квери - для любого разрешения можно сделать свои условия стилей
Записан
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

serjik

  • Захожу иногда
  • 344
  • 1 / 1
Re: Свои стили для мобильных устройств
« Ответ #10 : 01.10.2016, 01:34:38 »
Цитата: beliyadm от 01.10.2016, 01:16:04
Зачем вы городите огород, есть же медиа квери - для любого разрешения можно сделать свои условия стилей

пробовал я использовать такой вариант прописывая вверху файла template.css такой кусок кода:
Код
@media screen and (max-width: 640px) {
 HTML,body {width:50%;margin:0;padding:0;font-family:Arial narrow, sans-serif;}
   }
но он почему то ничего не меняет.

« Последнее редактирование: 01.10.2016, 01:44:03 от serjik »
Записан
*

Cola-Web

  • Новичок
  • 4
  • 0 / 0
Re: Свои стили для мобильных устройств
« Ответ #11 : 01.10.2016, 19:58:08 »
Медиа запросы прописываются в конце файла стилей.
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Свои стили для мобильных устройств
« Ответ #12 : 01.10.2016, 20:00:59 »
Цитата: Cola-Web от 01.10.2016, 19:58:08
Медиа запросы прописываются в конце файла стилей.
либо после медиа max-width: 640px обязательно доолжно быть перекрывающее медиа min-width: 641px, что кстати является рекомендацией Google
Записан
*

serjik

  • Захожу иногда
  • 344
  • 1 / 1
Re: Свои стили для мобильных устройств
« Ответ #13 : 02.10.2016, 23:57:46 »
Цитата: Cola-Web от 01.10.2016, 19:58:08
Медиа запросы прописываются в конце файла стилей.
а можно пример? извините, но как бы я не прописывал указанный выше кусок кода размер шрифта от этого никак не меняется ((
Записан
*

serjik

  • Захожу иногда
  • 344
  • 1 / 1
Re: Свои стили для мобильных устройств
« Ответ #14 : 05.10.2016, 00:18:04 »
Разобрался, почти получилось!
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работают стили на одной странице

Автор yyyuuu

 Ответов: 1
Просмотров: 3392 		Последний ответ 17.02.2023, 17:11:08
от marksetter
Как отобразить текст только на мобильных, на Пк и планшетах скрыть?

Автор web1

 Ответов: 6
Просмотров: 4757 		Последний ответ 20.09.2022, 22:14:03
от darkghost
Не работают стили CSS в html

Автор ВикуЛя

 Ответов: 1
Просмотров: 1754 		Последний ответ 27.05.2021, 12:31:15
от ShopES
Настройка рекламного блока для мобильных

Автор Lovenokia

 Ответов: 1
Просмотров: 1855 		Последний ответ 26.04.2017, 00:37:31
от darkghost
Google считает что шаблон Protostar не оптимизирован для мобильных устройств

Автор webCactus

 Ответов: 3
Просмотров: 1647 		Последний ответ 18.11.2016, 08:46:48
от webCactus