Magento 2 documentation v4-2
Настройка расширений ТМ
Ajax Wishlist
Список желаний является одной из стандартных возможностей e-commerce. Для удобства пользования данной возможностью мы создали модуль, который работает посредством аякса, и позволяет вам добавлять продукты в список желаний без перехода на другую страницу.
Для настройки модуля вам необходимо зайти в дамин панель Мадженты и в левом меню выбрать: Stores > Configuration.
На новой странице в левом меню выбирите пункт Templatemonster > Ajax Wishlist
Рассмотрим опции модуля:
Enable | - | включить или выключить модуль. |
Show spinner | - | позволяет включить отображение спиннера при процессе добавления товара в список желаний. |
Show Success Message | - | данная опция включает отображение попап окна после добавления продукта в список желаний. |
Success Message Text | - | в данном поле вы можете указать текст, который будет отображаться в попапе после добавления товара в список желаний. |
Ajax Compare
Сравнение товаров является одной из стандартных возможностей e-commerce. Для удобства пользования данной возможностью мы создали модуль, который работает посредством аякса, и позволяет вам добавлять продукты для сравнения без перехода на другую страницу.
У вас есть возможность включить и отключить данный модуль. Для этого вам необходимо зайти в дамин панель Мадженты и в левом меню выбрать:Stores > Configuration.
На новой странице в левом меню выбирите пункт Templatemonster > Product Compare Ajax
Ajax Catalog
Быстрая и простая выборка среди множества товаров способствует принятию положительного решения о покупке именно в вашем магазине. Модуль AJAX каталога является наиболее популярным среди магазинов на базе разных платформ. Ведь именно он позволяет быстро и удобно найти и отобрать необходимые вам товары согласно выбранным параметрам без перезагрузки страницы.
Для настройки модуля перейдите в секцию Stores -> Settings -> Configuration.
В меню слева выберите пункт TEMPLATEMONSTER -> Catalog Ajax для перехода в интерфейс настроек модуля.
Рассмотрим опции модуля:
Pagination | - | пагинация внутри листинга. Если в листинге больше одной страницы с продуктами, данная опция позволит вам переходить на страницы без перезагрузки основной. |
Show number items | - | количество отображаемых продуктов на странице. Опция позволяет менять количество отображаемых продуктов на странице листинга без её перезагрузки. |
Sort by (desc/asc) | - | сортировка товаров. Возможность сортировки товаров без перезагрузки страницы. |
List order (price, position, name) | - | параметры сортировки. Выбор параметра, относительно которого будет осуществляться сортировка товаров без перезагрузки страницы. |
View mode (grid/list) | - | выбор макета отображения товаров. Позволяет менять макет отображения товаров без перезагрузки страницы. |
Layer filter | - | выбор по атрибутам. Данная опция является основной в данном модуле. Именно она включает AJAX выборку товаров по атрибутам и параметрам, которые находятся в стандартной колонке фильтров магазина. |
Вы можете использовать все опции сразу или каждую по отдельности, выбор за вами.
MegaMenu
Модуль TemplateMonster_Megamenu расширяет функционал стандартного меню Magento и позволяет отобразить блок с колонками подкатегорий, продуктами и статик блоками, а также гибко настроить его внешний вид в панели администрирования.
Глобальная настройка
Для изменения глобальных настроек модуля перейдите в секцию Stores -> Settings -> Configuration.
В меню слева выберите пункт TEMPLATEMONSTER -> Megamenu для перехода в интерфейс настроек модуля. Модуль содержит 2 опции:Enable/Disable | - | вы можете включить или отключить модуль. |
Menu position | - | выбор позиции меню. |
Topnav | - | выводит меню в хедере. |
Sidebar | - | выводит меню в сайдбаре. |
Внимание!!! Если вы хотите вывести мегаменю в сайдбаре, обязательно, включите леяут с левой или правой колонкой.
В случае, когда у вас одноколоночный леяут на страницах и включена опция Menu position:Sidebar, меню не будет отображаться.Настройка категорий
Отображение блока мегаменю настраивается на странице редактирования категории первого уровня в табе Megamenu, который находится в Products -> Categories. В табе Megamenu вы увидите опцию Turn on megamenu for this category. Данная опция включает отображение блока мегаменю в данной категории. При включении данной опции у вас появится два поля и виджет настройки содержимого меню.Опция Label позволяет вывести бедж (new, sale) для категории первого уровня. Бедж имеет дефолтную стилизацию и для изменения его внешнего вида есть опция Css class. Данная опция задает класс для тегов <li> и <a> данного пункта меню и используя этот класс вы можете легко застилизировать ваш бедж.
Виджет настройки содержимого блока мегаменю позволяет настроить количество строк, количество колонок их ширину и много другое.
Для добавления строки вам необходимо нажать на кнопку Add row. После этого у вам появятся пустое поле с кнопками Add column(s) и Remove row.
Remove row - удалит ряд (поле).
При нажатии на Add column(s) у вас появится попап в котором вы должны выбрать ширину колонки, которую хотите добавить. Максимальная ширина колонки равна col-12, то есть на всю ширину контейнера. Это значит, если вам нужно 4 колонки в одной строке, вы должны добавить 4 колонки с шириной col-3.
Рассмотрим настройки колонок.
- Set column width - ширина колонки. Может принимать значения от col-1 до col-12.
- Enter specific class - цсс класс который вешается на колонку. Используя данный класс вы можете придать отдельные стили для данной колонки.
- Add subcategory - выпадающий список с подкатегориями данной категории. Данная опция позволяет вам выбрать и вывести те подкатегории, которые вы хотите. Для этого выберите подкатегорию в списке и нажмите на кнопку Add. После этого вы увидите данную категорию в поле Selected items.
- Select static block - выпадающий список с статик блоками. В меню вы можете вывести не только список из полдкатегорий, но и любой статик блок, который вы предварительно добавили в админку магазина. Чтоб добавить статик блок, выберите его из списка и нажмите Add. Название статик блока появится в поле Selected items.
- Add products - добавление продукта в меню. Используя данную опцию вы можете добавить любые продукты в меню. Вывод продукта будет в виде картинки продукта, его названия и цены. При нажатии на кнопку вы увидите всплывающее окно со списком продуктов. Когда вы добавите продукт в меню, его название отобразится в поле Selected items.
- Selected items - поле сортировки блоков. В данном поле вы можете менять порядок (сортировать) отображение содержимого вашей колонки. Интерфейс Drag&Drop позволяет просто перетаскивать поля внутри блока. Если вы не хотите, чтобы продукт или статик блок отображался снизу, то вы можете перетащить их вверх и получить желаемое отображение. У вас есть возможность удалить значения с данного поля. Для этого выделите элементы, которые вы хотите удалить и нажмите кнопку Remove selected.
Настройка подкатегорий
В подкатегориях вы можете добавить картинку подкатегории и указать бедж. Для настройки подкатегории перейдите на неё и зайдите в таб Megamenu. Вы видите две опции: Category image и Label.
Чтобы выбрать картинку для подкатегории нажмите кнопку browse и выбирите картинку из клипарта.Для добавления беджа, введите значение в поле Label.
Настройка стилей
Для настройки внешнего вида мегаменю вы можете отредактировать scss файлы стилей. Файлы находятся в app\code\TemplateMonster\Megamenu\view\frontend\. При изменении стилей и компиляции не забудьте почистить кеш.Facebook plugin
Facebook Share is a professional module that allows you to display Facebook feed anywhere on the website. The module comes loaded with a wide assortment of features that allow webmasters to adjust it to any design and project.
In order to configure this module, navigate to Stores -> Settings -> Configuration section.
Then navigate to TemplateMonster -> Facebook Share in the left side menu to go to the module settings interface.
Facebook Page URL | - | specify the url address of your Facebook page. |
Homepage Settings
Enable widget | - | enable/disable the widget. |
Widget block title | - | here you should specify the title of the widget. |
Widget position | - | specify the position, where the widget will be displayed. |
Tabs | - | specify the type of the tabs. |
Width | - | specify the width of the widget. |
Height | - | specify the height of the widget. |
Use Small Header | - | enable/disable small header. |
Adapt to plugin container width | - | this option allows the module to adapt to the container width. |
Hide Cover Photo | - | show/hide cover photo. |
Show Friend's Faces | - | show/hide profiles of the Facebook users. |
Category Page Settings
Enable widget | - | enable/disable the widget. |
Widget block title | - | here you should specify the title of the widget. |
Widget position | - | specify the position, where the widget will be displayed. |
Tabs | - | specify the type of the tabs. |
Width | - | specify the width of the widget. |
Height | - | specify the height of the widget. |
Use Small Header | - | enable/disable small header. |
Adapt to plugin container width | - | this option allows the module to adapt to the container width. |
Hide Cover Photo | - | show/hide cover photo. |
Show Friend's Faces | - | show/hide profiles of the Facebook users. |
Product Page Settings
Enable widget | - | enable/disable the widget. |
Widget block title | - | here you should specify the title of the widget. |
Widget position | - | specify the position, where the widget will be displayed. |
Tabs | - | specify the type of the tabs. |
Width | - | specify the width of the widget. |
Height | - | specify the height of the widget. |
Use Small Header | - | enable/disable small header. |
Adapt to plugin container width | - | this option allows the module to adapt to the container width. |
Hide Cover Photo | - | show/hide cover photo. |
Show Friend's Faces | - | show/hide profiles of the Facebook users. |
CMS Page Settings
Enable widget | - | enable/disable the widget. |
Widget block title | - | here you should specify the title of the widget. |
Widget position | - | specify the position, where the widget will be displayed. |
Tabs | - | specify the type of the tabs. |
Width | - | specify the width of the widget. |
Height | - | specify the height of the widget. |
Use Small Header | - | enable/disable small header. |
Adapt to plugin container width | - | this option allows the module to adapt to the container width. |
Hide Cover Photo | - | show/hide cover photo. |
Show Friend's Faces | - | show/hide profiles of the Facebook users. |
Twitter Timeline
Display Twitter Feed Box quickly and easily with the help of this advanced Twitter Timeline module. Thanks to a variety of customization options, you can adapt the module according to the specifications of your project.
In order to configure this module, navigate to Stores -> Settings -> Configuration section.
Then navigate to TemplateMonster -> Twitter Timeline in the left side menu to go to the module settings interface.
Let’s review module options:
Enabled | - | turn on to enable the module. |
Widget id | - | twitter widget id. |
Account name | - | Twitter account name. |
Position | - | widget position on the page. |
Color scheme | - | color scheme of the timeline widget. |
Layout enhancements | - | choose from options to customize timeline widget. |
Tweet limit | - | number of tweets to display. This field can only be set, if height is not specified. |
Link color | - | link color in hex format. |
Border color | - | border color in hex format. |
Height | - | height of the timeline widget in pixels. This field can only be set, if tweet limit is not specified. |
Width | - | width of the timeline widget in pixels. |
Feel free to use all the options at once or just a few of them, it’s up to you.
Theme Options
This module allows you to customize the look of the theme in accordance with the specifications of your project. You are free to change the background, footer or header color, as well as the appearance of the site on various screens.
Let’s take a look at each section of the module:
General
Body background color | - | specify the background color; |
Body background image | - | enable/disable the background image; |
Header background color | - | specify the header background color; |
Footer background color | - | specify the footer background color; |
Footer background image | - | enable/disable the footer background image. |
Main Theme Settings
Top head background color | - | specify the top head background color; |
Top head background image | - | enable/disable the head background image; |
Block title background color | - | specify the block title background color; |
Block title background image | - | enable/disable the block title background image. |
Desktop
Product Grid Setting
Items per row | - | specify the number of items displayed; |
Product image height | - | specify the height of the product image; |
Product image width | - | specify the width of the product image. |
Product List Setting
Product image height | - | specify the height of the product image; |
Product image width | - | specify the width of the product image; |
Short description length | - | specify the length of the short description. |
Tablet
Product image height | - | specify the height of the product image; |
Product image width | - | specify the width of the product image; |
Short description length | - | specify the length of the short description. |
Product Grid Setting
Items per row (portrait) | - | specify the number of items displayed in portrait mode; |
Items per row (landscape) | - | specify the number of items displayed in landscape mode; |
Products per page | - | specify the number of products displayed on the page. |
Product List Setting
Product List Setting | - | Short description length - specify the product list short description length. |
Mobile
Product Grid Setting
Items per row (portrait) | - | specify the number of items displayed in portrait mode; |
Items per row (landscape) | - | specify the number of items displayed in landscape mode; |
Products per page | - | specify the number of products displayed on the page. |
Product List Setting
Product List Setting | - | Short description length - specify the product list short description length. |
Product detail settings
Product gallery width | - | Product gallery width - specify the product gallery width; |
Product gallery height | - | specify the product gallery height; |
Show upsell products | - | show/hide upsell products; |
Upsell products count | - | number of upsell products displayed; |
Upsell image width | - | specify the upsell image width; |
Upsell image height | - | specify the upsell image height; |
Social Links
Header social links | - | show/hide social links in header; |
Footer social links | - | show/hide social links in footer; |
RSS link | - | insert the RSS link URL; |
Facebook link | - | insert the Facebook link URL; |
Twitter link | - | insert the Twitter link URL; |
Google link | - | insert the Google link URL; |
Instagram link | - | insert the Instagram link URL; |
LinkedIn link | - | insert the LinkedIn link URL; |
Dribble link | - | insert the Dribble link URL; |
Youtube link | - | insert the Youtube link URL; |
Ajax Search
Quick and easy search among the variety of products contributes to making a positive decision on purchasing in your online shop. Search module is the popular module among the online shops based on various platforms. It allows you to find the products you need according to the selected parameters quickly and easily without reloading the page.
In order to configure this module, you should navigate to Magento admin panel and choose the Stores > Configuration section in the left side menu.
Then choose the TemplateMonster > Catalog Search Ajax item in the left side menu to go to the module settings interface.
This module has 6 options available for editing if needed.
Let’s review each option separately:
Default Search Ajax | - | enables/disables search by keywords, specified in the “Search Terms” shop section. |
Product Search Ajax | - | enables/disables search by products’ titles, assigned to all of active site categories. |
Category Search Ajax | - | enables/disables search by all of active site categories titles. |
Category Search Ajax Num. Result | - | defines the number of categories to show in the search results list. |
Default Search Ajax Num. Result | - | defines the number of products to show in the search results list while searching by a keyword. |
Product Search Ajax Num. Result | - | defines the number of products to show in the search results list. |
If you decide to enable Category Search Ajax and Product Search Ajax options, you’ll also need to enable Use Flat Catalog Category and Use Flat Catalog Product options respectively. You can enable these options at the Catalog - > Catalog -> Storefront tab.
Feel free to use all the options at once or just some of them, it’s up to you. In case there are any suggestions or errors detected, feel free to contact us using the link provided on the module page!
Enjoy using!
Film Slider
Модуль TemplateMonster FilmSlider является реализацией элегантного и профессионального jQuery плагина ‘Slider Pro’. С его помощью на домашнюю страницу магазина можно добавить слайдер с необходимым количеством слоев. Богатая коллекция параметров настройки слайдера и удобный пользовательский интерфейс обеспечат быструю и легкую настройку слайдера.
В главном меню появится новый пункт TemplateMonster.
Нажмите Template Monster -> Sliders для начала работы с модулем.
Здесь вы увидите список доступных слайдеров, которые можно включать/отключать, удалять или же редактировать.
Нажмите кнопку Add New Slider в верхнем правом углу, чтобы создать новый слайдер.
В окне настройки слайдера в разделе “Общие параметры” (‘General Options’) вы увидите все доступные настройки слайдера. В разделе “Элементы слайдера” (‘Slider Items’) к вашему слайдеру можно добавить новые слайды.
Давайте рассмотрим доступные параметры. Как вы можете видеть, параметры разделены на несколько частей, чтобы сделать интерфейс настройки более удобным для пользователя.
Общие параметры
Главные настройки
В этом разделе можно указать заголовок слайдера, выбрать представление магазина (store view), включить/отключить слайдер, указать его ширину и высоту. Каждый параметр соответствует свойству плагина Slider Pro jQuery. За более подробным описанием каждого свойства вы можете обратиться к официальной документации Slider Pro. Некоторые свойства плагина jQuery могут не быть представлены среди настроек FilmSlider, они будут добавлены в последующих версиях модуля.
Размеры слайдера (ширина и высота) можно указать фиксированным значением, как, например, 900 (указывает 900 пикселей), или в процентном соотношении, к примеру, '100%'.Настройки изображений
В разделе изображений можно настроить параметры конфигурации изображений слайдера. Для каждого параметра доступно краткое описание. Давайте рассмотрим некоторые из них более подробно.
aspectRatio
Устанавливает пропорции слайдов. Если это значение отличается от -1, высота слайдов будет переопределена с целью сохранения заданного соотношения сторон.imageScaleMode
Устанавливает режим масштабирования основных изображений слайдов (изображений фона). 'cover' масштабирует и обрежет изображение, чтобы оно заполняло область слайда. 'contain' сохранит изображение полностью видимым внутри области слайда. 'exact' изменит размер изображения до размера слайда, чтобы они совпадали. 'none' оставит изображение в исходном размере.forceSize
Указывает тип размера слайдера - на всю ширину области или окна браузера.Настройки слайдов
В разделе “Настройки слайдов” можно задать параметры поведения слайдов. Здесь вы можете настроить анимацию слайдов, их видимый размер, перемешивание и циклическое воспроизведение.Настройки fade анимации
Этот раздел содержит настройки анимации постепенного исчезновения. Ее можно применить во время смены слайдов. По желанию вы можете установить постепенное исчезновение предыдущего слайда и длительность этой анимации в миллисекундах.Настройки автоматического воспроизведения
Свойство autoplay в Film Slider позволяет автоматически воспроизводить слайды. Этот параметр настройки позволяет определить задержку автоматического воспроизведения, его направление и паузу при наведении курсора мыши.Настройки адаптивности
Кнопки управления слайдером - это кнопки навигации, с помощью которых можно переключать слайды. В модуле FilmSlider доступно несколько видов таких кнопок: стрелки вперед/назад, нумерация слайдов. Включение навигации с помощью клавиатуры дает вам возможность переключать слайды, используя стрелки клавиатуры. Вы также можете включить отображение кнопки перехода слайдера в полноэкранный режим.Responsive settings
Настройки адаптивности определяют отображение слайдера на мобильных устройствах. Здесь вы можете указать точки реагирования на изменение ширины экрана (определить разрешение устройств с небольшим, средним и широким экраном). Вы также можете включить здесь перелистывание слайдера касанием для сенсорных устройств, что даст возможность пользователю переключаться между слайдами посредством перелистывания.Настройки подписи
Свойство подписи позволяет добавить текстовое описание к слайду. В этом разделе также можно включить анимацию постепенного исчезновения подписи и указать ее длительность.Главные настройки слоев
Раздел настроек слоев содержит параметры отображения слоев слайдов. Под каждым полем ввода доступно краткое описание настройки.Создание слайдов
Добавлять слайды можно только после сохранения слайдера. Нажмите кнопку ‘Save and Continue Edit’ в правом верхнем углу. И затем, успешно сохранив слайдер, переключитесь во вкладку ‘Slider Items’. Нажмите ‘Add Slider Item’ для создания нового слайда. Давайте рассмотрим доступные параметры его настройки.Данные слайда
Здесь можно указать заголовок слайда и его статус (включен/отключен).Изображения слайда
В этом разделе к слайду можно добавить изображения. Нажмите кнопку “Вставить изображение” (Insert Image), чтобы открыть библиотеку изображений (Image library) для выбора доступных изображений. Вы также можете загружать изображения с вашего компьютера. Под полем “Изображение” (Image) вы можете увидеть изображение слайда в режиме предварительного просмотра. Его размер можно настроить по желанию. Остальные параметры настройки слайда мы вынесли в отдельный раздел, так как они имеют отношение только к работе со слоями слайда.Работа со слоями
FilmSlider является многослойным слайдером. Под этим подразумевается наличие множества независимых друг от друга слоев в рамках одного слайда. Добавлять эти слои к слайду можно в окне настроек слайда, описанном выше. Здесь содержится несколько разделов настроек слайдов.Список слоев
Раздел списка слоев позволяет создавать слои слайда. Вы можете добавлять слои изображений и текстовые слои с помощью соответствующих кнопок. После нажатия на кнопку “Добавить слой изображения” (‘Add layer image’) откроется библиотека изображений, где вы сможете выбрать одно из доступных изображений или же загрузить новое с вашего компьютера. При нажатии кнопки “Добавить текстовый слой” (‘Add layer text’), будет создан новый текстовый слой, а настройки слоя будут указывать на этот конкретный слой.Настройки текста слоя
В разделе “Настройки текста слоя” (‘Layer text settings’) можно ввести текстовое содержимое слоя, указать размер слоя, цвета, оформление шрифтов, и т.п. В поле “Текст/html слоя” (‘Layer text/html’) можно ввести содержимое слоя в формате текста или html кода.Настройки размещения текста слоя
В этом разделе можно определить размещение текста слоя.Настройки анимации слоя
Этот раздел позволяет определить анимацию слоя. Вы можете указать его позицию на слайде, задать параметры перехода, отступы, задержку, длительность, и т.д. После добавления нескольких слоев, разделы параметров настройки внизу (размещение и анимация) будут отображать параметры выбранного слоя.Вывод слайдера на страницу
Чтобы вывести слайдер на страницу, вам необходимо использовать виджеты мадженты. В админ панели нажмите на пункт меню и выберите Content -> Pages. Выберите страницу на которую вы хотите добавить слайдер и нажмите кнопку Edit. На открытой странице перейдите в секцию Content и нажмите на кнопку Insert Widget. Во всплывающем окне выберите тип виджета Template Monster FilmSlider, выберите нужный вам слайдер из списка и нажмите кнопку Insert Widget. Как только вы всё выбрали, нажмите на кнопку Save Page и перейдите на страницу сайта, чтобы увидеть изменения.Newsletter Pop-up
Имейл рассылка всегда была важной частью маркетинга. Этот метод используется по всему миру и поможет вам получить больше заказов и подписчиков. Именно по этому мы презентуем вам модуль Newsletter popup. Модуль позволяет вам вывести попап с формой подписки и иконками соц. сетей, как только клиент зашёл на ваш сайт.
Настройка
Для настройки модуля перейдите в секцию Stores -> Settings -> Configuration. В меню слева выберите пункт TEMPLATEMONSTER -> Newsletter Pop-up для перехода в интерфейс настроек модуля.Модуль содержит 2 секции, каждая из которых отвечает за определённый набор настроек:
- General
- Social Settings
Секция General содержит основные настройки модуля, а секция Social settings позволяет настроить отображение социальных иконок в диалоге.
Секция General
Как мы уже писали, данная секция содержит основные настройки модуля. Вы можете включить или отключить модуль, указать цвета кнопок, указать ширину окна и т.п.. Рассмотри каждую из опций более детально.- Для включения или выключения модуля полностью вам понадобиться опция Enabled. С её помощью вы можете полностью отключить модуль.
-
С помощью опций Show on startup, Show on footer и Show in footer вы можете настроить вывод диалога с формой подписки.
- Опция Show on startup выводит всплывающее окно при открытии сайта. Как только у вас загрузилась страничка магазина, у вас появиться окно с предложением подписаться.
-
Всплывающее окно так же можно вывести при доскроливании к футеру. То есть, если вы закроете окно, которое появилось при загрузке сайта и проскролите вниз к футеру, то у вас появится такое же окно с предложением подписаться. Для вывода второго окна подписки вам необходимо включить опцию Show on footer.
-
Show in footer позволяет вывести в футере ссылку при нажатии на которую у вас появится всплывающее окно с формой подписки. Footer link text - с помощью этого поля вы можете изменить текст для ссылки, которая выводится с помощью опции Show in footer.
- Используя Pop-Up width опцию, вы можете задать ширину окна подписки. Задавать размер можно только в пикселях.
- Всплывающее окно можно вывести не сразу, а через указанный промежуток времени. За использование данной возможности отвечает опция Pop-Up timeout. Вы можете задать отсрочку показа окна подписки и оно будет появляться не сразу, а лишь через указанное вами время, после того, как клиент зашёл к вам на сайт.
- Опции Button color и Button hover color дают вам возможность настроить цвет бекграунда для кнопки подписаться.
- Custom CSS-class может вам понадобиться в целях разработки. С помощью этой опции вы можете задать свой класс для всплывающего диалога и использовать его в целях стилизации или других действий.
Секция Social Settings
Данная секция отвечает за вывод и настройку социальных иконок в диалоге подписки. Она имеет несколько подсекции, которые по опциям схожи между собой.
В подсекции с основными настройками вы можете настроить цвета и вывод иконок социальных сетей для таких сервисов:
- Google+
- Youtube
- Vimeo
- Foursquare
- Tumblr
- RSS
-
Включить или отключить отображение той или иной иконки вы можете с помощью соответствующей опции Enabled ……. icon. При включении данной опции снизу появятся соответствующие секции для настройки каждой отдельной иконки.
-
Есть в данной секции и опция Use default icon colors. Она используется для изменения цвета иконок.
Изначально она включена и все иконки имеют свой корпоративный цвет. Но если вы хотите самостоятельно задать цвет иконкам, то вы должны отключить данную опцию. -
В появившихся секциях для каждой соц. сети вы увидите опцию Link. С её помощью вы можете указать ссылку на любую страницу (вашу страницу) соответствующей соц. сети.
-
При отключении опции Use default icon colors в подсекциях с настройкой каждой иконки появятся новые поля:
- Icon background
- Icon color
- Icon background hover
- Icon hover color
Все эти опции направлены на редактирование внешнего вида иконок. С их помощью вы можете задать цвет фона иконки, цвет самой иконки и цвета для иконки и фона, которые будут отображаться при наведении на иконку.
Не забудьте сохранить ваши настройки!
Если вдруг вы хотите вернуть все значения по умолчанию, рядом с кнопкой сохранения изменений есть кнопка Reset.
Special Price Timer
Модуль позволяет отображать таймер обратного отсчета для продуктов со специальной ценой. Он автоматически появляется на сайте после настройки специальной цены продукта.
Таймер можно отобразить в трёх местах: cтраница продукта, страница каталога, или же виджеты продуктов на главной странице сайта.
Отображение модуля можно настраивать по-разному для всех трёх секций.
Рассмотрим опции модуля:
Enabled | - | включает/отключает отображение таймера на данной странице; |
Timer Format | - | формат вывода таймера. Вы можете настроить желаемую структуру таймера, добавить теги и классы HTML. Более детальное описание настройки доступно на официальном сайте плагина. |
Selector | - | селектор, после которого будет выведен блок с таймером. |
Google map
Данный модуль позволяет вам вставить Google карту на вашем сайте Magento. По умолчанию, модуль предоставляет три карты для: страницы контактов, главной страницы, футера.
Все карты можно настроить в админ панели Store > Configuration > Templatemonster > Google Map.
- Раздел General содержит опцию для ввода API ключа.
- Раздел Home page map settings отвечает за отображение карты на главной странице сайта.
- Раздел Contacts page map settings отвечает за отображение карты непосредственно на странице контактов.
- Раздел Footer map settings отвечает за отображение карты в футере.
Рассмотрим опции модуля:
API key | - | Google Api Key необходим для корректной работы карты. Вы можете получить и активировать его, перейдя по следующей ссылке. |
Coordinates | - | координаты местоположения, которое будет находиться по центру отображаемой карты. Эти координаты вы можете получить через сервис Google Maps или же на следующем сайте. |
Zoom | - | значение увеличения карты (не должно превышать 8). |
Map Type | - | тип отображаемой карты (roadmap, satelite, hybrid, и т.д.). |
Map width | - | ширина карты. |
Map height | - | высота карты в пикселях. |
Styles | - | стиль отображения карты. Для изменения внешнего вида карты, используйте стили с сайта snazzymaps. |
Disable UI | - | скрывает элементы управления картой. |
Scrollwheel | - | отключает скролинг колесиком мышки. |
Draggable | - | включает возможность передвигать карту, зажав левую кнопку мышки или пальцами на touch (сенсорных) устройствах. |
Show on | - | позволяет выбрать отображение карты до или после футера. Эта настройка доступна только в секции Home page. |
Selector | - | позволяет указать html class или id после которого будет отображаться карта. Эта настройка доступна только в секции Footer. |
Markers | - | используя данную секцию вы можете отобразить на карте несколько маркеров с разными координатами. |
Icon | - | название пользовательской картинки с указанием формата, если вы хотите заменить стандартную, к примеру, marker.png. Картинка должна находиться в папке pub/media/googlemap/ вашей установки Magento. |
Сoordinates | - | - координаты маркера. |
Infowindow | - | текст, который будет отображаться во всплывающей подсказке, появляющейся при нажатии на маркер. Здесь вы можете использовать любую html-структуру. |