Протестируйте работу интернет-магазина

1. Найдите тестовый товар с НДС (картинка снизу).

vent_600_2017172899

2. Нажмите кнопку "в корзину" - перейдите в корзину - нажмите кнопку "оформить заказ".

3. Выберите способ доставки и платежа.

4. На следующем этапе Вы можете зарегистрироваться как ГОСТЬ или КЛИЕНТ с указанием адреса доставки (предоставляется доступ в меню ИНТЕРНЕТ-МАГАЗИН --> УПРАВЛЕНИЕ ЗАКАЗАМИ)

5. Распечатать счет на оплату (после подтверждения заказа модератором) можно здесь --> ИНТЕРНЕТ-МАГАЗИН --> УПРАВЛЕНИЕ ЗАКАЗАМИ --> ЗАКАЗЫ --> ДЕЙСТВИЯ

6. Наличие товара на складе актуально

Как заказать товар, если его нет в наличии

1. Пройдите регистрацию (авторизацию)

2. Найдите тестовый товар с НДС (картинка снизу) или любой другой.

vent_600_2017172899

3. Нажмите кнопку "Под заказ" - перейдите в корзину "Товары под заказ" - убедитесь, что товар в корзине.

4. Перейдите в меню ИНТЕРНЕТ-МАГАЗИН --> УПРАВЛЕНИЕ ЗАКАЗАМИ (для зарегистр.).

5. На вкладке ТОВАРЫ ПОД ЗАКАЗ будет список товаров, которые Вы хотите приобрести - Вы можете задать ему название (только нажмите кнопку "сохранить")

6. Распечатайте заказ или нажмите кнопку @ ПОДЕЛИТЬСЯ и отправьте нам сообщение на электронную почту.

7. После Вам поступит сообщение - предзаказ по товару возможен или нет.

Вторник, 28 января
 

Структура частиц

При скачивании как платных, так и бесплатных частиц для Gantry5  файл в формате zip может содержать 4 стандартные папки 

В простом случае это могут быть от 2 до 5 файлов в различных форматах -  .twig, .yaml, .scss, .js, .css - без которых именно эта частица правильно работать не будет.

 stuktura

Иногда присутствует папка component или аналогичная.

 

Установка частиц

Чтобы частица Gantry5 заработала, надо правильно установить составные части скопированной частицы

 stuktura

Обязательным условием будет просмотр содержимого файла, например, animatedtext.html.twig

В нем прописывается, куда надо установить headlines.css и headlones.js

В стандартном случае это могут быть специально созданные Вами папки PARTICLES, SCSSCSS и JS в корневой папке CUSTOM вашего шаблона.

Иногда, в редких случаях, для работы частицы, например слайдера от ROCKETTHEME в папке PARTICLES создается дополнительная папка OWLCAROUSEL 

 

Настройка частиц

Если Вы скачали частицу с шаблона от ROCKETTHEME, то, возможно, частица заработает сразу. Если с JOOMLEAD или INSPIRETHEME, то Вам потребуется установить специальную частицу UIKIT (осторожно,есть разные версии).

При этом JOOMLEAD использует свои модифицированные версии UIKIT (с префексом jl- вместо uk-) - UIKIT2 и UIKIT3

В в файле uikit.html.twig прописывается, куда надо установить файлы с расширением .css и .js, идущие в комплекте с этой частицей

В стандартном случае это могут быть созданные Вами папки PARTICLESCSS и JS в корневой папке CUSTOM вашего шаблона, а может быть специально созданная папка UIKIT (в случае с INSPIRETHEME) в  папке CUSTOM.

Одновременное использование различных версий UIKIT возможно, но требуется тонкая настройка - бывают сбои в работе из-за javascript

Выбирая и копируя Particles for Gantry 5 - ту или иную готовую частицу, обращаем внимание на структуру файлов и папок. Сложные частицы обязательно состоят из 3-4 блоков, стили (размеры и цвет букв, фон частицы) прописываются в папке scss , переходы (реакция на передвижение курсора, нажатие и т.п.) могут быть осуществлены с помощью javascipt в папках html.twig или  js, также могут быть ссылки на код css - все это требует внимательности при переносе частиц на Ваш проект.

CSS  JS   PARTICLES  SCSS

<b>Timelines & Progress bars</b> Блоки для Gantry5
Timelines & Progress bars
<b>Forms & Features</b> Формы
Forms & Features
<b>Testomonials & Social</b> Отзывы клиентов
Testomonials & Social
<b>Images & Videos</b> Видео
Images & Videos

Рассмотрим наиболее популярные частицы Гентри5  - частицы-исходники с коммерческих сайтов от ROCKETTHEME. Почти все частицы требуют доработки.

Управляйте просмотром в таблице, нажимая на заголовки (сортировка по наличию) или осуществите поиск в окне

Возможности бесплатных шаблонов для JOOMLA 3 на разных фреймворках: T3, HELIX 3, HELIX ULTIMATUM, ASTROID, WRAP 7, YOO, GANTRY 5 - сравнение
Возможности администрирования бесплатных шаблонов T3 Helix3 HelixU As Wrap7 YooP Gantry5
Удобство администрирования T3 H3 HU As W7 YP Gantry5
Сохранение без перезагрузки
Возможность кастомизации (создание уникального стиля)
Предпросмотр изменений
Сигналы о несохраненных изменениях
Интерфейс настроек
Дополнительные возможности T3 H3 HU As W7 YP G5
Закрепление меню (Sticky Header)
Favicon
Apple Touch Icon
Ссылки на соцсети
Предзагрузчик (Preloader)
Наличие опции преоладера
Предпросмотр предзагрузчика
Кастомизация предзагрузчика
Кнопка «Наверх»
Наличие опции "кнопка вверх"
Закреплённая кнопка
Кастомизация кнопки
Логотип и вариации
Текст/изображение
Лого для мобильных
SVG-логотип
Инвертированный логотип
Кастомизация стилей T3 H3 HU As W7 YP G5
Типография (настройки шрифтов)
Элементы макета
Прочие элементы шаблона
Настройки макета T3 H3 HU As W7 YP G5
Резиновый/коробочный макет
Изменение точек адаптивности
Конструктор макета T3 H3 HU As W7 YP G5
Наличие конструктора
Назначение модульных позиций
Создание модульных позиций
Формирование сетки макета
Добавление строк
Добавление строки в строку
Несколько элементов в колонке
Перетаскивание элементов
Дублирование элементов
Кастомизация элементов сетки
Анимация элементов
Резиновые строки
Фон для строк
Адаптивность элементов сетки
Размеры колонок для разных экранов
Скрытие элементов на разных экранах
Настройки материалов T3 H3 HU As W7 YP G5
Мета-теги Open Graph
Связанные материалы
Рейтинг без перезагрузки
Кнопки «Поделиться»
Время чтения материала
Типы материалов
Значки для материалов
Блок «Об авторе»
Настройки меню T3 H3 HU As W7 YP G5
Подзаголовки пунктов меню
Выравнивание мега-меню
Метка для пункта меню
Мега-меню по клику
Выбор анимации для мега-меню
Offcanvas-меню
Выбор анимации для Offcanvas
Иконки в пунктах меню
Добавление иконки
Предпросмотр иконок
Только иконка
Размер иконки
Поворот иконки
Анимация вращения иконки
Конструктор мега-меню
Модули в мега-меню
Фиксированная ширина мега-меню
Колонки в мега-меню
Строки в мега-меню
Мега-меню во вложенных пунктах
Скорость загрузки T3 H3 HU As W7 YP G5
Базовая скорость
Минификация кода и объединение файлов
Отложенная загрузка изображений
Отключение Bootstrap
Страница ошибки T3 H3 HU As W7 YP G5
Кастомизация страницы
Фоновое изображение
Логотип
Текст для кнопки перехода
Пользовательский контент
Пользовательский код T3 H3 HU As W7 YP G5
Любой код перед </head>
Любой код перед </body>
Любой код после <head>
Любой код после <body>
Пользовательский CSS-код
Пользовательский JS-код
Пользовательские CSS-файлы
Пользовательские JS-файлы

 

Все частицы от Rockettheme можно сгруппировать по группам:

  • первая группа - это различные меню, ведущие в свои тематические разделы  и повышающие удобство работы с сайтом

Таких частиц шесть плюс частица поиск:

 menu  accordion menu  mobile menu  horizontal menu  icon menu  simple menu

Это могут быть как горизонтальное, так и вертикальное меню. Наиболее привлекательно iconmenu от шаблона kraken , но оно имеет только один уровень 

*** - Чтобы меню выглядело привлекательно, дополнительно необходимо использовать соответствующий CSS класс и размер иконок

  • вторая большая группа - это кнопки, информирующие и приглашающие совершить переход или действие

 Это прежде всего

Block Content  Content List  Ethereal Block  Info List  Promo Content  Grid Content  Simple Content и  некоторые другие.

Так выглядит частица contentlist

info list antares

Ниже представлена частица infolist 

infolist demo

  • третья группа - это всевозможные слайдеры 

Среди них можно выделить

Carousel  Slidershow  Flex Slider  News Slider  News Ticker  Owl Cards  Owl Carousel  Owl Showcase  Panel Slider  и др.

Частица Flickity, найденная на просторах интернета - универсальный самоподстраивающийся по высоте слайдер jQuery

Частица Slideshow JL - 2018 от joomlead - позволяет выводит в режиме карусели всевозможные картинки с текстом в режиме оверлея плюс представляет различные типы анимации как самих картинок, так и оверлея - представленная частица была создана на базе Overlay JL и  модифицирована : не работали background-color + fontsize 

Типовой flexslider от шаблона antares при правильной настройке и расположении позволяет использовать паралакс эффект в режимах slideshow, showcase или testimonial. К сожалению, без коррекции scss файла внешний вид далек от совершенства. Некоторые слайдеры требуют, чтобы их поместили в определенную секцию (раздел) шаблона с дополнительным css классом - иначе работать не будут, например slideshow от supra 

Более подробно о всех частицах с коммерческих шаблонов от Rockettheme расcказано и показано на тестовом сайте - смотрите и изучайте.

Типовой newsslider от шаблона photon интересен концепцией вывода изображений и кнопок, но требует  размещения в определенной секции шаблона - с темным фоном и белым текстом. Заголовок расположен внизу - это прямое влияние файла scss, в котором "прописана" ширина и отступ от верха ( width: 17rem; margin-top: 15rem )

  • четвертая группа - это различные TAB-s, переход по вкладкам которых осуществляется вручную

Content Tabs VIDGETS   Header Tabs    Pricing Tabs

Не все частицы корректно выводятся на странице, например в частице contenttabs (белые буквы на белом фоне не видать). Все табы имеют стандартные css классы, поэтому одновременное использование нескольких табов с разных шаблонах без коррекции файлов scss невозможно - стили накладываются друг на друга - выдаваю причудливые метаморфозы 

  • специфичная группа частиц, отвечающая за формат теста, звук и видео в удобном или специальном формате

Animated Text  Audio Player  Video Background  Video  Video Grid   Video Carousel    Progress Bar

После обновления uikit3  от Joomlead 2018 перестала работать particle progressbar от joomlead 2017 года с uikit2- после внесения изменений в код файла progressbar.html.twig - удаления принудительного подключения uikit.min.css (влияло на цвет ссылок на странице) и редактирования кода uk-scrollspy (удаление слова data- в словосочетании data-uk-scrollspy) все заработало  

  • шестая группа частиц, отвечающая за вывод изображениий на сайте

Grid Promo Gallery   Image Block   Image Grid   Mosaic Grid   Popup Grid   Promo Image   Testimonial  Image Overlay

После проверки всего шаблона antares от rockettheme выяснилось, что из 20 частиц, представленных на шаблоне, всего 3-4 будут работать правильно с использованием стилей scss и скриптов js - остальное сырой материал, который надо дорабатывать, настраивать, лечить. Займемся этим - см. статью Лечение частиц Gantry5 от Rockettheme (часть 1)

Материал дополняется и корректируется ....

телефоны
+7 (902) 327-81-10 (Мегафон)
адрес
Чебоксары, Гражданская ул., д. 78, к. 149
часы работы
с 8:00 до 18:00 (сб, вс - с 9:00 до 15:00)