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

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

vent_600_2017172899

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

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

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

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

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

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

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

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

vent_600_2017172899

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

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

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

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

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

Вторник, 10 декабря
 

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

При скачивании как платных, так и бесплатных частиц для 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 довольно таки хорошо. Меню может сочетать в себе анимацию при наведении (fade, zoom, bounce), а также содержать иконки Icon и Image для наглядности. Возможна настройка ширины выпадающего списка (в px) и количества колонок в выпадающем списке (при этом должна соблюдаться кратность в px - например, стандартная ширина меню в шаблоне 180px (вкладка Layout шаблона Helium) 

т.е.  чтобы в выпадающем меню было 2 колонки, в строке Dropdown Widht настроек меню надо установить значение 360 px и т.д.).

 Шаблоны isotope и Galatea от Rockettheme предоставляют для использования на сайте гамбургер-меню (при нажатии на иконку гамбургер ...

... появляется основное меню с использованием оверлея или ...

...появляется меню и модули, специально созданные для отображения в секции Overlay в позиции overlay (название может быть любым). Управление происходит с помощью частицы Overlay Toggle Isotope, которую можно разместить в любой позиции шаблона

 

Шаблон Galatea использует гамбургер-меню несколько по-другому - появляется боковое меню со своим стилем (2 стиля - появляется сбоку или сверху).

 При этом используется уже секция Offsidebar  и частица Gantry5 - Offsidebar Toggleкоторую также можно разместить в любой секции шаблона, в любой позиции

Если средств создания меню не хватает, можно использовать варианты создания меню с помощью модуля Custom HTML - найти интересные готовые меню в интернете и скопировать к себе на проект, используя приемы, описанные мною ранее в статьях. 

Пример меню CSS без JS

Например, для создания меню в виде нижнего синего полукруга с анимацией воспользуемся вариантом, найденным на  https://codepen.io

То есть в модуле Custom HTML создаем разделы

<style> ... </style>

<script> ... </script>

<...div>  ..... </...div>

И заполняем их содержимым, не забывая использовать различные классы для nav, ul и li. 

иначе возможно наложение стилей и получение причудливых метаморфоз, если использовать несколько меню для одного проекта.

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