Shopify Documentation
Настройка Header & Footer
Перейдите к разделу Online Store > Themes.
Определитесь с темой, которую хотите изменить.
При клике на кнопку Customize theme откроется страница редактора настроек, с помощью которого вы можете изменять внешний вид и содержимое шаблона.
Header
Перейдите во вкладку Sections.
А затем, к секции Header.
Для установленной темы будут доступны следующее настройки:
Logo
В этой секции вы можете настроить логотип-изображение или текстовый логотип для вашего сайта.
Любой из типов логотипа будет сжиматься до 40px в высоту.
Image Logo
Загрузите изображение со своего компьютера, либо выберите изображение из библиотеки изображений. Для этого выберите Upload image, либо Select from the library из раскрывающегося списка опции Update.
Редактируйте изображение. Для этого выберите Edit image из раскрывающегося списка опции Update.
Напишите краткое описание изображения, что бы улучшить поисковую оптимизации (SEO) и повысить уровень доступности изображения для людей со сниженной остротой зрения.
Вы можете удалить изображение для логотипа. Для этого нажмите кнопку Remove.
Text Logo
Если вы хотите изменить текст логотипа, перейдите на главную страницу администрирования сайтом > Settings.
Пройдите к секции Store details. Измените имя онлайн-магазина (Store name). Сохраните изменения, нажав кнопку Save в правом верхнем углу.
Новое имя ("Store Name"), которое вы присвоили онлайн-магазину, будет отображаться в качестве текстового логотипа (Text Logo).
Блок выбора валюты (Currency selector)
Если вы планируете использовать несколько валют в вашем интернет-магазине, вы можете настроить их вывод в этом разделе. Для этого отметьте переключатель Show currency selector и внесите трёхбуквенные коды валют (стандарт ISO 4217) в поле Currencies you wish to support.
Frontend:
Currency selector — включен
Currency selector — отключен.
Корзина (Shopping cart)
Для того, чтобы активировать корзину для вашего сайта, поставьте галочку в поле опции.
Frontend:
Корзина (Shopping cart) — включена.
Корзина (Shopping cart) — отключена.
Search Form (Поле поиска)
Для того, чтобы показать Поле поиска на вашем сайте, поставьте галочку в поле опции.
Frontend:
Поле поиска (Search Form) — включено.
Поле поиска (Search Form) — отключено.
Главное меню (Megamenu)
Наши шаблоны поставляются с виджетом Megamenu, с помощью которого вы можете построить мощное и функциональное главное меню своего магазина. Виджет имеет множество настроек, которые доступны в соответствующем разделе. Меню предусматривает 6 пунктов (Items), каждый из которых настраивается в соответствующем подразделе. К каждому пункту можно добавить ярлык с текстом (Item badge):
-
обычная настраиваемая ссылка, без субменю (Simple link);
-
ссылка с выпадающим меню со списком ссылок (Link + linklist). Такое выпадающее меню поможет клиентам лучше ориентироваться по вашему сайту;
- ссылка с выпадающим меню с 4-мя колонками ссылок (Link + 4 linklists);
-
ссылка с перечнем продуктов (Link + product listing). Категория отображаемых продуктов задается самостоятельно. В субменю будет отображаться 4 товара нового поступления с изображением данного товара (4 последних добавленных товара в заданной категорию);
-
ссылка блога (Link + blog listing). Категория блога задается самостоятельно. В субменю будет отображаться 4 последних поста с вводным изображением данного (4 последних добавленных поста в заданной категорию блога).
Как добавить новый пункт меню
Для того, чтобы добавить новый пункт меню в главное меню, нажмите кнопку Add image. В главное меню вы можете добавить только 6 пунктов меню.
Выберите тип меню, который хотите добавить, а это: простая ссылка, ссылка с субменю со списком ссылок, ссылка с субменю, где отображаются 4 колонки ссылок, ссылка, в субменю которой будет отображаться 4 товара нового поступления и, наконец, ссылка в субменю которой будет отображаться 4 последних поста блога заданной категории (Simple link/ Link + linklist/ Link + 4 linklists/ Link + product listing/ Link + blog listing).
Перейдите в секцию настройки выбранного пункта меню (секция Item).
Настройте опции пункта меню выбранного вами типа (особенности настройки каждого типа будут описаны далее). Не забудьте нажать кнопку Save, что необходимо для сохранения настроек.
Вы можете удалить любой пункт главного меню. Для этого, нажмите кнопку delete в настройках пункта меню.
Пункт меню "Простая ссылка" (Simple Link)
Введите наименование пункта меню в поле title. Вы можете задать ссылку этого пункта меню на определенную коллекцию, продукт, страницу, категорию блога и пост (Collection, Product, Pages, Blogs or Blog Post).
Как добавить новую коллекцию (Collection)
Для того, чтобы добавить новую коллекцию (Collection), перейдите на главную страницу администрирования сайтом > Products.
Перейдите в секцию Collections.
Нажмите кнопку Create collection.
Добавьте описание для новой коллекции. Задайте имя коллекции в поле name ("New Collection").
Добавьте продукты в создаваемую коллекцию.
Вы можете добавлять продукты вручную. Чтобы приступить к процессу добавления, сохраните коллекцию, нажав кнопку save.
Для того, чтобы исключить продукт из категории, нажмите на значок крестика.
Добавить продукты вы можете и автоматически, основываясь на заданных вами условиях сортировки, таких как: название товара, тип товара, производитель, цена, метка товара, вес, наличие товара и т.п. (product title, type, vendor, price, tag, compare at price, weight, inventory stock, variante's title).
Как добавить новый товар (Product)
Для того, чтобы добавить новый товар (Product), перейдите на главную страницу администрирования сайтом > Products.
Перейдите в секцию Products.
Нажмите кнопку Add product.
Настройте страницу продукта по своему желанию.
Нажмите кнопку Save product для сохранения настроек продукта.
Как добавить новую страницу (Page)
Для того, чтобы добавить новую страницу (Page), перейдите на главную страницу администрирования сайтом > Online Store.
Перейдите к разделу Pages.
Нажмите кнопку Add page.
Добавьте описание страницы. Задайте название страницы в поле title ("New Page").
Вы можете скрыть страницу, применив опцию Hidden, или сделать ее видимой, отметив ее как Visible. Более того, вы можете определить точную дату окончания или начала видимости страницы на вашем сайте.
Нажмите кнопку Save, чтобы охранить страницу.
Как добавить новую категорию бога (Blog)
Для того, чтобы добавить новую категорию блога (Blog), перейдите на главную страницу администрирования сайтом > Online Store.
Перейдите к разделу Blog posts.
Нажмите на кнопку дополнительного меню (вертикальное многоточие) и выдерите Manage Blogs из выпадающего списка меню.
Нажмите кнопку Add Blog.
Присвойте имя категории блога в поле name ("New Blog"). Настройте параметры доступа к комментированию постов данного блога.
Нажмите кнопку Save blog для сохранения категории блога.
Как добавить новый пост (Blog Post)
Для того, чтобы добавить новый пост (Blog Post), перейдите на главную страницу администрирования сайтом > Online Store.
Перейдите к разделу Blog posts.
Нажмите кнопку Add blog post.
Вы можете скрыть пост, применив опцию Hidden, или сделать его видимым, отметив его как Visible. Более того, вы можете определить точную дату окончания или начала публикации поста на вашем сайте. Включите пост в определенную категорию блога. Загрузите вводное изображение (Featured image).
Нажмите кнопку Save, для того чтобы сохранить пост.
Ссылка с простым субменю (Link + Linklist)
Субменю со списком ссылок способно значительно облегчить навигацию по сайту для ваших клиентов.
Введите наименование пункта меню в поле title. Вы можете задать ссылку этого пункта меню на определенную коллекцию, продукт, страницу, категорию блога и пост (Collection, Product, Pages, Blogs or Blog Post). Выберите нужный каталог ссылок из выпадающего списка опции Choose linklist.
Как создать новый каталог ссылок (linklist)
Для того, чтобы создать новый каталог ссылок, перейдите на главную страницу администрирования сайтом > Online Store.
Перейдите к разделу Navigation.
Нажмите кнопку Add menu.
Добавьте описание к каталогу ссылок. Задайте имя каталогу в поле name ("New Collection") of the menu.
Для добавления ссылок к каталогу, нажмите кнопку Add menu items.
Задайте имя ссылки в поле name (имя ссылки будет отображаться в субменю).
Вы можете добавить ссылку на:
- Home Page (Главную страницу сайта);
-
Collection (страницу коллекции товаров). Вам необходимо выбрать определенную коллекцию с выпадающего списка опции Select a collection;
- All Collections (страницу с перечнем всех коллекций товаров);
-
Product (страницу Товара). Вам необходимо выбрать определенный товар с выпадающего списка опции Select a product;
- All Products (станица с перечнем всех товаров);
-
Page (страницу). Вам необходимо выбрать определенную страницу с выпадающего списка опции Select a page option;
- Blog (страницу категории блога). Вам необходимо выбрать определенную категорию блога с выпадающего списка опции Select a blog;
- Search Page (страницу поиска);
-
Web address (веб-адрес). Задайте веб-адрес ссылки. Адрес, на который будет переходить пользователь при нажатии на ссылку.
Нажмите кнопку Save menu.
Ссылка со сложным субменю (Link + 4 linklists)
Пункт меню со сложным субменю, где отображаются 4 колонки ссылок (4 каталога ссылок).
Введите наименование пункта меню в поле title. Вы можете задать ссылку этого пункта меню на определенную коллекцию, продукт, страницу, категорию блога и пост (Collection, Product, Pages, Blogs or Blog Post).
Выберите нужный каталог ссылок для каждой из 4-х возможных колонок субменю в выпадающем списке опции Choose linklist.
Ссылка с перечнем последних товаров (Link + Product Listing)
Пункт главного меню, в субменю которого будет отображаться 4 товара нового поступления.
Введите наименование пункта меню в поле title. Вы можете задать ссылку этого пункта меню на определенную коллекцию, продукт, страницу, категорию блога и пост (Collection, Product, Pages, Blogs or Blog Post).
Выберите нужную коллекцию товаров в выпадающем списке опции Choose collection. В субменю будут отображаться последние 4 добавленных товара в заданную коллекцию.
Ссылка с перечнем последних постов (Link + Blog Listing)
Пункт меню, в субменю которой будет отображаться 4 последних поста блога заданной категории.
Введите наименование пункта меню в поле title. Вы можете задать ссылку этого пункта меню на определенную коллекцию, продукт, страницу, категорию блога и пост (Collection, Product, Pages, Blogs or Blog Post).
Выберите нужную категорию блога в выпадающем списке опции Choose blog. В субменю будут отображаться последние 4 добавленных поста в заданную категорию.
Footer
Перейдите во вкладку Sections tab.
А затем, к секции Footer.
Для установленной темы будут доступны следующее настройки:
Ccылка 'Powered by Shopify'
Включите или отключите показ строки 'Powered by Shopify' link в футере.
Frontend:
Ссылка 'Powered by Shopify' — включена.
Ссылка 'Powered by Shopify' — отключена.
Payment icons
Управление отображением иконок-логотипов платёжных систем, которые показываются на странице оформления заказа. Вы можете включать/отключать иконки по своему усмотрению.
Frontend:
- Иконка American Express — включена;
- Иконка Diners Club — включена;
- Иконка Discover — включена;
- Иконка JCB — включена;
- Иконка Mastercard — включена;
- Иконка Paypal — включена;
- Иконка Stripe — включена;
- Иконка Иконка Visa — включена;
- Иконка Google Wallet — включена.
Каталог ссылок (Linklist)
Отображение каталога ссылок способно значительно облегчить навигацию по сайтуLinklists help your customers navigate around your online store.
Введите наименование пункта меню в поле title. Вы можете задать ссылку этого пункта меню на определенную коллекцию, продукт, страницу, категорию блога и пост (Collection, Product, Pages, Blogs or Blog Post). Выберите нужный каталог ссылок из выпадающего списка опции Choose linklist.
Как создать новый каталог ссылок (linklist)
Для того, чтобы создать новый каталог ссылок, перейдите на главную страницу администрирования сайтом > Online Store.
Перейдите к разделу Navigation.
Нажмите кнопку Add menu.
Добавьте описание к каталогу ссылок. Задайте имя каталогу в поле name ("New Collection") of the menu.
Для добавления ссылок к каталогу, нажмите кнопку Add menu items.
Задайте имя ссылки в поле name (имя ссылки будет отображаться в субменю).
Вы можете добавить ссылку на:
- Home Page (Главную страницу сайта);
-
Collection (страницу коллекции товаров). Вам необходимо выбрать определенную коллекцию с выпадающего списка опции Select a collection;
- All Collections (страницу с перечнем всех коллекций товаров);
-
Product (страницу Товара). Вам необходимо выбрать определенный товар с выпадающего списка опции Select a product;
- All Products (станица с перечнем всех товаров);
-
Page (страницу). Вам необходимо выбрать определенную страницу с выпадающего списка опции Select a page option;
- Blog (страницу категории блога). Вам необходимо выбрать определенную категорию блога с выпадающего списка опции Select a blog;
- Search Page (страницу поиска);
-
Web address (веб-адрес). Задайте веб-адрес ссылки. Адрес, на который будет переходить пользователь при нажатии на ссылку.
Нажмите кнопку Save menu.
Блок с контактной информацией (Contacts block)
Данный блок позволяет отображать секцию с контактной информацией в футере сайта.
-
Block width — выберите наиболее подходящею ширину блока из выпадающего списка опции (25%, 33%, 50%, 66%, 75%, 100%);
- Block title — укажите заголовок блока;
-
Contacts — введите текст, который хотите отображать в данном блоке (адрес, часы прийома, номер телефона).
Facebook block
Блок Facebook позволяет отображать ссылку на ваш Facebook аккаунт в футере сайта.
Внимание!
В футер сайта рекомендуется добавлять только по одному блоку каждого типа. Это необходимо для корректной работы блока.
-
Block width — выберите наиболее подходящею ширину Facebook блока из выпадающего списка опции (25%, 33%, 50%, 66%, 75%, 100%);
- Block title — укажите заголовок Facebook блока;
- Задайте Facebook URL (адрес той страницы, ссылку на которую хотите отображать).
Twitter block
Блок Twitter позволяет отображать виджет с аккаунтом Twitter в футере сайта.
Внимание!
В футер сайта рекомендуется добавлять только по одному блоку каждого типа. Это необходимо для корректной работы блока.
-
Block width — выберите наиболее подходящею ширину Twitter блока из выпадающего списка опции (25%, 33%, 50%, 66%, 75%, 100%);
- Block title — укажите заголовок Twitter блока;
- Enter your Twitter URL (адрес той страницы, которая будет отображаться в виджете).
Блок с формой подписки
Данный блок позволяет отображать секцию с формой подписки в футере сайта.
Блок Social Links
Данный блок позволяет отображать секцию с иконками социальных сетей в футере сайта. Для каждой иконки можно задать адрес. При нажатии на иконку посетитель попадет на ранее заданную страницу социальной сети.
Внимание!
В футер сайта рекомендуется добавлять только по одному блоку каждого типа. Это необходимо для корректной работы блока.
Настройки блока:
- Block width — выберите наиболее подходящею ширину блока из выпадающего списка опции (25%, 33%, 50%, 66%, 75%, 100%);
Facebook:
- Введите URL-адрес вашего Facebook аккаунта;
Twitter:
- Введите URL-адрес вашего Twitter аккаунта;
Instagram:
- Введите URL-адрес вашего Instagram аккаунта;
Pinterest:
- Введите URL-адрес вашего Pinterest аккаунта;
Google+:
- Введите URL-адрес вашего Google+ аккаунта;
YouTube:
- Введите URL-адрес вашего Youtube аккаунта.
Как добавить новый блок в футер сайта
Для того, чтобы добавить новый блок в футер, нажмите кнопку Add content button. В футере вашего сайта вы можете отображать только 6 блоков максимум.
Выберите тип блока из выпадающего списка опции (Linklist/ Contacts block/ Facebook block/ Twitter block/ Newsletter form/ Social link).
Перейдите к секции настройки блока (Linklist/ Contacts block/ Facebook block/ Twitter block/ Newsletter form/ Social link).
Настройте параметры блока желаемым образом. Нажмите кнопку Save для применения настроек отображения футера.
Вы можете удалить любой блок из футера, нажав кнопку delete в секции настройки блока.