Категорії: огляди тем WordPress

Створіть веб-сайт Elementor WooCommerce за допомогою теми Cerato

Ви плануєте відкрити свій інтернет-магазин і намагаєтеся знайти найпростіший спосіб створити онлайн-магазин електронної комерції? Тоді ви потрапили на правильну сторінку.

Тепер ви можете самостійно безкоштовно створити власний онлайн-сайт WooCommerce за допомогою цього посібника.

Створення онлайн-магазину електронної комерції за допомогою онлайн-інформації може бути непосильним завданням. Але якщо ви будете слідувати нашій покроковій процедурі, ви швидко отримаєте чудовий магазин електронної комерції.

Для створення власного магазину вам знадобляться лише три інструменти.

1. Elementor : це безкоштовний plugin для WordPress, який допоможе вам створити сторінки вашого магазину, такі як домашня сторінка, сторінка про нас, каталог продуктів, сторінка оформлення замовлення та багато інших сторінок.

2. WooCommerce : це CMS, яка керуватиме вашим магазином

3. Тема Cerato : Cerato — це дуже функціональна тема WordPress, яка має глибоко настроювані параметри та вбудовану інтеграцію WooCommerce і демонстраційні сайти для миттєвого створення онлайн-магазину.

Перш за все, встановіть WooCommerce з каталогу WordPress, а потім дотримуйтесь цього покрокового посібника, щоб ваш онлайн-магазин електронної комерції мав вражаючий вигляд.

Як створити веб-сайт Elementor WooCommerce за допомогою теми Cerato

Cerato — це преміальна тема Elementor WordPress, яка має ідеальні функції для створення онлайн-магазину. Тема Cerato сумісна з plugin і містить потужні та розширені функції, необхідні для створення інтернет-магазину електронної комерції.

Cerato пропонує необмежені можливості для використання вашої творчості за допомогою приголомшливих варіантів тем. Його оптимізовані для мобільних пристроїв макети швидко адаптуються до кожного розміру екрана.

За допомогою теми Cerato та конструктора сторінок Elementor ви можете налаштувати будь-що за допомогою кількох настроюваних панелей параметрів.

Швидко налаштуйте свій онлайн-магазин за допомогою демо-імпортера в один клік і заощадьте багато часу. Параметр демонстраційного імпорту в один клік швидко відтворить ваш власний магазин за хвилину без будь-якого програмування.

Cerato також має необмежену кількість варіантів верхнього та нижнього колонтитулів, і ви можете створювати потужні та дивовижні стилі нижнього колонтитула та верхнього колонтитула за допомогою функції візуального перетягування. Так само ви можете залучати свої продукти, використовуючи необмежену кількість макетів категорій.

Крок 1. Завантажте тему Cerato зі сторінки завантажень ThemeForest 

Почніть процедуру інсталяції, придбавши тему Cerato в ThemeForest Downloads.

Після того, як ви натиснете «Завантажити». З’являться три варіанти

1. Усі файли та документація

2. Лише файл WordPress, який можна встановити

3. Сертифікат ліцензії та код покупки (PDF)

4. Сертифікат ліцензії та код покупки (текст)

Ви можете використовувати 1-й варіант, щоб завантажити повний пакет, включаючи документацію, а другий варіант «лише файл WordPress, який можна встановити» — це встановити тему WordPress безпосередньо.

Розпакуйте папку, і вона міститиме три папки всередині.

  • Readme.txt
  • Документація
  • Cerato.zip

Крок 2: встановлення теми Cerato       

Щоб встановити тему Cerato, у вас повинна бути поточна версія WordPress. Після того, як ви активували WordPress, виконайте наступні кроки встановлення теми.

  1. Перш за все, завантажте файли теми, а потім активуйте тему.
  2. Файли теми можна завантажити двома способами;

Завантаження на FTP : якщо ви використовуєте програму FTP, перейдіть до папки вашого сервера «/wp-content/themes/». І завантажте незаархівовану папку теми.

Завантаження WordPress: перейдіть до> Вигляд> Додати нові теми> Завантажити.

Перейдіть до> огляду> виберіть папку заархівованої теми> натисніть «Установити зараз».

Ви можете переглянути цей відеоінструкцію , щоб швидко встановити тему.

Коли ви завершите процес інсталяції, сміливо створюйте свій веб-сайт і грайте з дивовижними варіантами тем, щоб створити приголомшливий сайт.

Тепер ми обговоримо, як ми можемо використовувати конструктори колонтитулів із необмеженими можливостями, щоб покращити розділ верхнього та нижнього колонтитулів.

Як використовувати Конструктор заголовків

Тема Cerato дозволяє налаштовувати всі налаштування, пов’язані з дизайном, за допомогою настроювача WordPress Live, де ви можете змінити будь-що та переглянути результати в реальному часі.

Перейдіть до> WordPress Admin > Appearance > customizer > how to use header Builder.

За допомогою конструктора заголовків ви можете змінювати стиль, кольори та висоту шрифту, а також додавати або видаляти такі елементи, як мова, піктограми соціальних мереж чи будь-які інші елементи на ваш вибір.  

Подивіться тут відеоінструкцію « Як використовувати Конструктор заголовків ».

Конструктор нижнього колонтитула містить різні стилі віджетів нижнього колонтитула, які можна використовувати на кількох сторінках або вибрати й налаштувати на одній сторінці. Крім того, додайте кілька віджетів, замініть їх або переставте віджети миттєво за допомогою потужного конструктора нижнього колонтитула.

Подивіться відеоінструкцію про те, як використовувати Конструктор колонтитулів .

Як використовувати різні варіанти теми

Тема Cerato також дозволяє налаштовувати різні стилі теми, і якщо ви хочете змінити налаштування теми за замовчуванням, тоді

Перейдіть до > WordPress Admin > Appearance > customize > Style.

Розділ налаштування дозволяє змінювати колір шрифту, розмір і колір фону.

Налаштуйте стиль теми WooCommerce

Цей розділ керує параметрами кольорів для таких елементів WooCommerce, як заголовок, ціна, розпродажна ціна, кнопка кошика, відсутність у наявності, кнопка швидкого перегляду та багато інших елементів.

Налаштувати параметри домашньої сторінки

Ви також можете налаштувати параметри домашньої сторінки. Ви можете вибрати, у якому порядку ви хочете відображати свої публікації, чи подобається вам традиційний хронологічний порядок відображення публікацій чи фіксована чи статична сторінка. Якщо ви бажаєте відобразити статичну сторінку як домашню, вам потрібно вибрати дві сторінки; одна стане вашою статичною домашньою сторінкою, а інша сторінка відображатиме ваші публікації.

Ви ознайомилися з тим, як встановити тему Cerato і як можна налаштувати різні параметри теми.

Тепер давайте обговоримо, як візуальний конструктор сторінок Elementor допоможе вам у створенні вашого онлайн-магазину та як ви можете створювати приголомшливі макети сторінок за допомогою простого перетягування.

Що таке Elementor і як він працює з темою Cerato

Elementor — це візуальний конструктор сторінок для сайтів WordPress, який дозволяє користувачам створювати веб-сторінки в реальному режимі, де вони можуть жваво візуалізувати всі зміни.

Elementor — це живий інтерфейсний редактор, який замінює основний редактор WordPress, тож користувачі можуть легко візуалізувати зміни в макетах, не перемикаючись між редактором і режимом попереднього перегляду. Цей захоплюючий конструктор сторінок дозволяє користувачам візуально створювати складний дизайн без використання кодування чи CSS. Перегляньте цей підручник , щоб отримати додаткову інформацію.

Налаштування Elementor

Перейдіть до Elementor > Налаштування в WordPress і встановіть два прапорці « Вимкнути кольори за замовчуванням» і «Вимкнути шрифти за замовчуванням».

Створіть магазин WooCommerce із темою Cerato

Крок 1: створіть домашню сторінку магазину

Якщо ви хочете зробити свою домашню сторінку головною сторінкою магазину, внесіть деякі основні зміни та змініть базову сторінку WooCommerce за умовчанням на домашню сторінку магазину WordPress.

В області налаштувань домашньої сторінки: перейдіть до > відображення першої сторінки > натисніть Статичну сторінку > виберіть потрібну сторінку зі спадного меню > збережіть зміни .

Щоб показати свій магазин на першій сторінці, також виконайте такі дії;

Перейдіть у> WooCommerce > налаштування > продукти > Дисплей > змініть поточні налаштування домашньої сторінки WordPress на Магазин > збережіть зміни.    

Ось і все. Тепер у вас є домашня сторінка вашого магазину.

Сторінка повідомлень магазину

Якщо ви хочете відобразити будь-яке повідомлення на своєму сайті, створіть сторінку сповіщень магазину, яка відображатиметься на всіх сторінках вашого веб-сайту. Ви можете відобразити повідомлення про безкоштовну доставку або сповіщення про наявність обмеженого асортименту.

Налаштуйте каталог товарів для відображення на сторінці магазину

У цьому розділі виберіть, які продукти ви хочете показувати на головній сторінці магазину. Виберіть категорію, спосіб сортування продуктів і кількість продуктів, які потрібно відображати в рядку.

Налаштування сторінки оформлення замовлення

Ви також можете змінити налаштування сторінки оформлення замовлення та створити умови відповідно до політики вашої компанії.

Налаштувати сторінку магазину

У цьому розділі налаштувань ви можете контролювати кілька варіантів відображення продукту;

  • Скільки продуктів відображати на головній сторінці
  • Увімкніть або вимкніть ефект наведення курсора на продукти
  • Увімкнути/вимкнути каталог товарів
  • Увімкніть повідомлення про безкоштовну доставку на своєму сайті
  • Увімкнути рамку продукту
  • Керуйте пробілом між дисплеєм продукту
  • Кошик іконки
  • Увімкніть виділені продукти зверху зі слайд-шоу
  • Бічна панель магазину

Налаштувати параметри сторінки продукту

У цьому розділі ви можете встановити параметри окремої сторінки продукту та керувати наступними параметрами

  • Увімкнути/вимкнути опцію спільного використання продукту
  • Увімкнути вибір "Купити зараз"; ця опція дозволяє користувачам переспрямовувати на сторінку кошика, коли вони вибирають будь-який продукт для покупки.
  • Увімкнути навігацію наступним або попереднім продуктом
  • Увімкніть параметр масштабування товару
  • Увімкнути нещодавно переглянуті товари іншими глядачами
  • Увімкнути доступні супутні продукти

Як додавати нові продукти та керувати ними

На лівій панелі доступна опція меню продуктів, і ви можете додавати нові продукти. Після того, як ви натиснете кнопку «Додати продукт», з’явиться вікно, де ви зможете ввести всі його атрибути, назву, ціну та деталі запасів.

Створіть кілька категорій

Створюйте необмежену кількість класів, щоб упорядковувати свої продукти. Клієнти легко переміщаються між різними категоріями та сортують продукти, які їм потрібні, без будь-яких турбот.

Створити сторінку відстеження замовлення

Тема Cerato дозволяє своїм користувачам створювати сторінку відстеження для клієнтів. Виконайте наступні дії

  • Додати нову сторінку з меню сторінок
  • Створіть назву сторінки
  • Вставте цей шорткод у текстовий редактор; [woocommerce_order_tracking]
  • Натисніть опублікувати

Створіть список бажань і порівняйте сторінку

Виконайте цю процедуру, щоб створити список бажань і порівняти сторінки.

Крок 1 : створіть нові сторінки для списку бажань і порівняйте сторінки.

Крок 2 : Перейдіть до> налаштувати> список бажань/порівняти

Після налаштування цих двох областей остаточний відображення сторінок списку бажань і порівняння виглядатиме так;

Підведення підсумків

Cerato , без сумніву, є однією з ідеальних тем WordPress, які постачаються з конструктором сторінок Elementor. теми Cerato дають ідеальний вибір для створення приголомшливого онлайн-магазину електронної комерції з безліччю настроюваних параметрів. Ви можете створити дивовижні макети верхнього та нижнього колонтитулів, деталі продукту та каталогу та багато інших параметрів. Отже, спробуйте будь-який стиль домашньої сторінки, який ідеально підходить для створення вашого інтернет-магазину.

Холдерху

live:.cid.e495888558d5265f

Останні дописи

Як використовувати верхні та нижні колонтитули з Elementor

Верхні та нижні колонтитули веб-сайту є важливими елементами. У більшості випадків заголовок забезпечує навігацію…

6 січня 2022 р

Порівняння тем WordPress: Astra проти OceanWP

Дві найпопулярніші теми WordPress на ринку – Astra та OceanWP. Професійний…

2 січня 2022 р

Порівняння теми новин WordPress: Газета проти Astra

Щоб створити чудовий сайт новин, не обов’язково ставати веб-дизайнером. Ми…

25 жовтня 2021 р

Створіть веб-сайт, пов’язаний із новинами, із газетною темою

Тема газети є однією з найважливіших тем WordPress, розроблена tagDiv,…

18 жовтня 2021 р

Як створити електронну комерцію за допомогою Avada WooCommerce Builder

Коли справа доходить до створення онлайн-магазину, WooCommerce – це найпопулярніший plugin . Це…

4 жовтня 2021 р

Як використовувати липкий заголовок і ефекти прокручування з Elementor

Заголовок, як правило, є першим, що бачить людина, коли відвідує ваш веб-сайт,...

21 вересня 2021 р