Новости Joomla

WT JShopping Add order info to checkout finish плагин для Joomla

WT JShopping Add order info to checkout finish плагин для Joomla

WT JShopping Add order info to checkout finish плагин для Joomla.Плагин отображения информации о заказе (номер заказа, данные о доставке и т.д.) на странице Спасибо за заказ интернет-магазина JoomShopping.В плагине 3 макета по умолчанию:- default - оформите информацию о заказе с помощью CSS- bootstrap5-1 - макет по умолчанию с использованием Bootstrap CSS- uikit - макет по умолчанию с использованием UIkitВы можете создавать собственные макеты вывода в папке

plugins/jshoppingorder/wtjshoppingaddorderinfotocheckoutfinish/tmpl.Страница расширенияGitHub расширения👩‍💻 Этот плагин - творческий дебют участника нашего сообщества и теперь разработчика Сергея Сергевнина (@gresserg). С чем его поздравляем и желаем успехов на этом поприще!#joomla #разработка #JoomShopping

Joomla 6 нуждается в вашей помощи с тестированием.Вышел недавно релиз Joomla 6 alpha1

Joomla 6 нуждается в вашей помощи с тестированием.Вышел недавно релиз Joomla 6 alpha1

👩‍💻 Joomla 6 нуждается в вашей помощи с тестированием.Вышел недавно релиз Joomla 6 alpha1. Это релиз, в который включены уже проверенные изменения, но ещё очень многие исправления и улучшения ждут своей очереди. Joomla следит за качеством и безопасностью своего кода и каждое изменение должно быть успешно протестировано как минимум ещё двумя участниками сообщества. Разработка Joomla ведётся на платформе GitHub.Филипп Уолтон (Philip Walton) - один из разработчиков, кто активно вносит свой вклад в ядро Joomla. Он уже несколько месяцев посвящает свои послеполуденные часы пятницы работе с Joomla и предлагает присоединиться к нему. 📆 Пятница, 30 мая 2025, с 15:00 до 17:00 по UTC (Лондон) - с 18:00 до 20:00 по Москве.В чате Google Meet Филипп готов помочь с тестированием тем, кто будет делать это в первый раз. А так же он подготовил список лёгких Pull Request, которые можно протестировать довольно быстро. Чем больше тестов будет проведено сейчас, тем меньше ошибок вылезет потом. На данный момент 148 (уже 147 на момент написания заметки) PR на GitHub Joomla ждут тестирования.👩‍💻 Open to all. All together.Также вам поможет сделать первые шаги это видео.GitHub JoomlaДа, это вечер пятницы. Но тестирование занимает порой минут 15, а доброе дело сделано. Просто убедитесь, что разработчик чего-то не пропустил и всё работает как ожидается.#joomla #joomla6 #community

Вышла Phoca Gallery 5.1.0

Вышла Phoca Gallery 5.1.0

Вышла Phoca Gallery 5.1.0.Известный компонент галереи изображений чешского Joomla-разработчика Яна Павелки получил новую версию. В этой версии компонент получил полную совместимость с Joomla 5 и грядущей Joomla 6. Это стало возможно благодаря рефакторингу кодовой базы и удалению из кода галереи тех классов и методов, которые были помечены к удалению в Joomla 6. Для работы компонента не требуется плагин обратной совместимости. Читать релизСтраница расширения#расширения

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

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

  • Завсегдатай
  • 1660
  • 206 / 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

  • Завсегдатай
  • 1660
  • 206 / 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
Просмотров: 2092 		Последний ответ 17.02.2023, 17:11:08
от marksetter
Как отобразить текст только на мобильных, на Пк и планшетах скрыть?

Автор web1

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

Автор ВикуЛя

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

Автор Lovenokia

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

Автор webCactus

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