Горячая линия

На Ваши вопросы отвечает специалист по ремонту холодильного оборудования
Петров Сергей Викентьевич
написать тел. 8 (902) 327-81-10

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

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

vent_600_2017172899

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

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

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

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

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

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

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

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

vent_600_2017172899

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

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

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

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

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

Четверг, 20 февраля

Helium

Настоящий сайт сделан на бесплатном шаблоне Helium от Rockettheme Уникальная возможность бесплатно расширить функционал шаблона Helium
Начать изучение курса
 

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

При скачивании как платных, так и бесплатных частиц для 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

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

 

Как Вам, наверное, известно, название частицы может быть любое и оно отражается в yaml-файле. Например,  файл iconmenu.yaml говорит нам, что внутри него какое-то меню с иконками. Открываем файл и в верхней части видим.

Заголовок частицы

Имя частицы - name , как мы ранее говорили, может быть не уникальным (например, частица accordion встречается у всех разработчиков шаблонов)

Назначение частицы - description, позволяет нам понять, для чего нужна частица ( "Display icon menu" перевод "Отобразить меню значков")

Тип частицы - particle, помогает нам узнать тип частицы (бывают и другие).

Значок (иконка) частицы - icon, - то что будет отображаться на кнопке частицы в административной панели шаблона на вкладке Layout или при выборе типа модуля Gantry 5 Particle

 

Поэтому, мои рекомендации - при переносе новых частиц на свой шаблон обязательно заходите в файл .yaml частицы и меняйте name (дополняйте от какого шаблона получено)  

тогда при создании новых модулей Gantry 5 Paricle вы получете 

  

Тело частицы

После заголовка частицы собственно идет описание, функционал частицы - то, что мы обычно видим, когда заходим в настройки. Документация по частицам Gantry5 представлена на портале docs.gantry.org

Описание  структуры частицы  form - состоит из полей ( fields ), в которых прописывают type, label, discription, атрибуты по умолчанию - default  и другие опции частицы

пользователь (разработчик, программист, дизайнер)  шаблона видит другое:

  

Как правило, в файле .yaml ошибок не бывает - там все относительно просто (единственное, не должно быть лишних пробелов при копировании-переносе строк).

Все плохое для нас начинается в файле .html.twig . Именно здесь формируется обращение к стилям, скриптам, подключение к css-классам. Задача Rockettheme на своих демонстрационных шаблонах была показать разнообразие частиц Gantry5, но за счет чего  и как это сделано и работает ли сама частица не уточняется.

Например, файл - исходник iconmenu.html.twig не содержит обращение к скриптам javascript и css- классам.

Здесь все хорошо, исходная частица работает - проверено.

 

Но разработчик шаблона может допустить ошибки. Например, перепутать местами строки 4 и 5, как это сплошь и рядом встречается у Rockettheme, а также нарушить содержимое div - класса внутри фигурных скобок (ниже показаны типовые ошибки на примере частицы videocarousel)

было:

надо:

 

На представленном примере частицы videocarousel можно заметить, что во второй строке идет предварительное подключение к библиотеке Gantry5 - к файлу lightcase.unit  (это сделано для шаблонов, у которых нет полноценной поддержки lightcase.js)Так как частица videocarousel была найдена на шаблоне Notio (только шаблон, без rocketlauncher) , а шаблон Antares (ранняя версия)  на который она была перенесена, тоже лишь поддерживает lighcase-библиотеку, частица встала коряво, не так, как на демо-сайте. Плюс сыграло и то, что частица написана на jQuery и требует изменения кода для корректного отображения для различных экранов.

И это, пожалуй, главная проблема, котрую необходимо решить.

Поэтому задача №1   - при установке новой частицы на ваш проект определите, поддерживает ваш шаблон lightcase.js или нет и выполните про лечения частицы Gantry 5 :  добавьте строки в html.twig файл частицы строки 

  {% do gantry.load('lightcase.unit')%}

 

Слово unit в переводе означает элемент, узел, часть чего-то. Многие частицы gantry 5 имеют эту приставку, и это не спроста. В частице videocarousel она тоже присутствует 2 раза - ссылка  owlcarousel.video.unit.js присутствут в footer частицы  в html.twig файла

Сам скрипт не большой, рабочий, всего 21 строка - отвечает за нажатие кнопок play / pause внутри контейнера видео

Разбираемся дальше. Можно заметить, что в видеокарусели нарушено отображение числа видео в зависимости от размера экрана - исследуем саму частицу.

Оказалось, частица частично работает на jQuery и код jQuery не позволяет по другому отображать видео. Внес дополнения

вместо кода: 

ставим другой код:

 

Результат - количество загружаемых видео зависит от размера экрана дисплея (внешний вид тоже изменился - видимо подгружатся стили от другой частицы ....)

P.S

В исходных файлах код иногда необходимо корректировать. Не все частицы идут с идеальным кодом. При написании статьи обнаружил, что на модулях в почти во всех ранних шаблонах от rockettheme не работает суффикс css модуля, приятное исключение шаблоны Hydrogen и Helium.

 

Ксати, css - класс секции стоит в приоритете, поэтому если частицу с красными титлами (суффиккс css-класса - title-reg) поставить в секцию, где забит класс синих титлов - у титлов будет синий цвет.

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

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