Сторінка 3 - Місячний архів: 2020
Додавання CMS блоків на дозволяє інформувати своїх клієнтів про якісь спеціальні пропозиції та нові продукти категорії. Є безліч інших причин додати CMS блок на сторінку категорії каталогу у Magento 2. І багато з вас їх уже знають. Отже, давайте не зупинятимемось на цьому і дізнаємось, як додати CMS блок на сторінку категорії Magento 2.
Виконайте наступні кроки, щоб додати CMS блок на сторінку категорії Magento 2:
1. Перейдіть в Catalog > Categories та виберіть Категорію, на яку ви хочете додати CMS блок.
![]()
2. В розділі Content додайте CMS блок який хочете.
Бувають випадки, коли вам потрібно відобразити CMS блок Magento 2 у файлі PHTML шаблону. Щоб програмного викликати CMS блок у файлі шаблону .phtml використовуйте такий код:
<?php
echo $this->getLayout()
->createBlock(\Magento\Cms\Block\Block::class)
->setBlockId('my_cmsblock_identifier') //replace my_cmsblock_identifier with real CMS bock identifier
->toHtml();
?>
Зауважте, що та ввімкнений. Якщо блок CMS вимкнений або не створений, цей код не відображатиме жодного вмісту.
Використання методу createBlock - це швидкий, але не ідеальний спосіб з точки зору найкращих практик.
Отже, що ви можете зробити, це , використати цей код у відповідному файлі дескриптора XML і не забути після зміни макету:
Якщо ви вже створили , вам може бути цікаво, де ви можете його показувати. Magento дозволяє , або .
Проте, у цій статті ми розкажемо вам як додати CMS блок на CMS сторінку або інший блок в Magento 2 за допомогою WYSIWYG редактора. Ви можете використовувати ці інструкції для WYSIWYG редактора і на інших сторінках в адмінці.
Для цього туторіалу (tutorial) ми вирішили додати CMS блок на CMS сторінку як приклад. Тому зробіть наступні кроки або перегляньте відео нижче.
Виконайте наступні кроки для відображення CMS блоку в контенті CMS сторінки за допомогою WYSIWYG редактора:
1. Перейдіть в Content > Pages, виберіть CMS сторінку, на якій ви хочете показувати CMS блок, і в розділі Action виберіть Edit.
![]()
2. Розгорніть розділ Content і натисніть кнопку Widget, щоб вставити віджет.
Якщо ви використовуєте Magento 2 і отримуєте таку помилку:
Warning: file_get_contents(): SSL operation failed with code 1. OpenSSL Error messages:
error:14095126:SSL routines:ssl3_read_n:unexpected eof while reading in ven dor/google/recaptcha/src/ReCap tcha/RequestMethod/Post.php on line 72
Trace:
<pre>#1 file_get_contents() called at [vendor/google/recaptcha/src/ReCaptcha/RequestMethod/Post.ph p:72]
#2 ReCaptcha\RequestMethod\Post->submit() called at [vendor/google/recaptcha/src/R eCaptcha/ReCaptcha.php:156]
#3 ReCaptcha\ReCaptcha->verify() called at [app/code/MSP/ReCaptcha/Model/Validate.php:79]
#4 MSP\ReCaptcha\Model\Validate->validate() called at [app/code/MSP/ReCaptcha/Observ er/ReCaptchaObserver.php:93]
#5 MSP\ReCaptcha\Observer\ReCaptchaObserver->execute() called at [vendor/magento/framework/Even t/Invoker/InvokerDefault.php: 72]
#6 Magento\Framework\Event\Invoker\InvokerDefault->_callObserve rMethod() called at [vendor/magento/framework/Even t/Invoker/InvokerDefault.php: 60]
...
намагаючись ввійти в адмін панель, встановити новий пароль користувача, створити новий обліковий запис користувача тощо, ви можете швидко виправити ситуацію. Для цього виконайте наведені нижче дії:
Привіт, фанати Magento!
Чи хочете дізнатись про новини та оновлення, які ми підготували для вас у березні?
Створення CMS блоків у Magento 2 відкриває для вас багато можливостей. CMS блоки дозволяють вам ділитися інформацією зі своїми клієнтами, повідомляти про розпродажі, знижки, спеціальні пропозиції або просто зробити сторінки вашого магазину.
Magento 2 більш цікавими та привабливими. Magento дозволяє створювати CMS блоки безпосередньо в адмін панелі та показувати їх на різних сторінках вашого магазину Magento 2. Щоб піти ще далі, ви можете і автоматично відображати їх на різних сторінках.
Виконайте наступні кроки, щоб створити новий CMS блок у Magento 2:
1. Підіть в Content > Elements > Blocks та натисніть кнопку Add New Block .
![]()
Щоб застосувати lazy load для зображень у вашому шаблоні Knockout, спочатку переконайтеся, що встановлено розширення Magento 2 Image Lazy Load.
Потім вставте зображення в HTML шаблон (my-template.html) таким чином:
<img data-bind="attr: {src: $parent.getPixelUrl(), 'data-original': thumbnail, alt: code_article, loading: 'lazy', width: '165', height: '165' }"/>
Приклад:
<div class="options-block" data-bind="foreach: getOptionBlocks(), afterRender: initLazyLoad()">
<div class="option-item" data-bind="attr: {'data-sku': sku}">
<div class="image-block">
<img data-bind="attr: {src: $parent.getPixelUrl(), 'data-original': thumbnail, alt: code_article, loading: 'lazy', width: '165', height: '165' }"/>
</div>
</div>
</div>
Ваш файл перегляду JS повинен виглядати так:
define([
'jquery',
'uiComponent',
'ko',
], function ($, Component, ko) {
'use strict';
return Component.extend({
defaults: {
template:
У Magento 2 Блог v2.9.3 ми додали функцію, про яку запитували багато клієнтів, це «використання шаблону пов'язаних продуктів із каталогу за замовчуванням» (default catalog related products template) замість кастомного шаблону пов'язаних продуктів блогу. Це допомагає автоматично відображати пов'язані продукти на сторінці публікації блогу в дизайні теми. Коміт (commit), пов'язаний з цією зміною, можна знайти на GitHub.
На жаль, для Magento 2 існує тисячі тем і деякі з них мають специфічні JS та CSS (наприклад, тема Porto). Ось чому, якщо ви використовуєте розширення Blog 2.9.3 або новішої версії і блок пов'язаних продуктів виглядає дивно, спробуйте зробити наступне:
1. Створіть новий файл у каталозі своєї теми:
app/design/frontend/ThemeVendor/themename/Magefan_Blog/layout/blog_post_view.xml
2. Додайте до нього цей код:
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
Соціальні мережі - це потужні платформи, які щодня генерують тонни інформації у всьому світі. Ось чому такі мережі, як Facebook і Twitter, часто використовуються в маркетингових цілях багатьма магазинами. Це дозволяє їм привертати більше уваги до свого контенту і відповідно залучати більше трафіку на свої веб-сайти за допомогою Open Graph тегів.
Однак іноді трапляється, що теги Facebook OG працюють не так, як передбачається. Замість чудового зображення та тільки-но написаного заголовка та опису ви бачите застарілу інформацію або взагалі нічого не бачите.
Якщо ви гадаєте, що може призвести до того, що Facebook витягує неправильні OG дані замість нових, відповідь досить проста. Facebook Open Graph Cache. Отже, щоб переконатися, що Facebook показує актуальну інформацію OG, вам просто потрібно очистити кеш у Facebook.
Виконайте ці кроки, щоб очистити кеш Open Graph у Facebook:
1. Підіть в Facebook Sharing Debugger, вставте URL-адресу сторінки, яка не відображається належним
Сьогодні (12 лютого 2020 р.) Ми отримали повідомлення про потенційну проблему безпеки в нашому модулі Magento 2 Login As Customer завдяки твіту Даніеля Слофа.
Переглядаючи код та спілкуючись з Дерріком Хісбіном, Льюїс Вонкен з сайту experus.nl виявив проблему в безпеці.
Зауважте, що дотепер жодної підтвердженої атаки, пов’язаної з цією проблемою, не відбулося, однак зловмисники потенційно могли увійти до облікового запису користувача за мінімальний проміжок часу після того, як адмін натиснув кнопку «Увійти як користувач» в адмін панелі та до того, як адмін був перенаправлений на вітрину магазину та фактично ввійшов в цей акаунт.
Час дійсно важливий для відтворення цієї проблеми. Проблема безпеки може виникнути у всіх версіях модуля Login as Customer до версії 2.2.3 протягом декількох секунд після натискання кнопки "Увійти як користувач".
Ми закликаємо всіх, хто використовує розширення Login As Customer v2.0.0 - v2.2.2, або застосувати це швидке виправлення.
У Magefan ми завжди звертаємо
Якщо ви вирішили видалити розширення Magento 2 Translation, будь ласка, виконайте наступні кроки. Ви також ви можете зв'язатись з нашою командою для отримання безкоштовної консультації у випадку, якщо у вас виникнуть проблеми з розширенням Magefan.
Видалення файлів розширення
Інструкції щодо видалення файлів залежать від способу яким розширення було встановлено.
1. Якщо ви можете знайти файли розширення у папці
app/code/Magefan/Translation
app/code/Magefan/TranslationPlus
тоді видаліть цю папку.
2. Якщо розширення було встановлено через композер та його файли знаходяться в папці
vendor/magefan/module-translation
тоді запустіть наступну композер команду CLI , щоб видалити її
composer remove magefan/module-NAME
# замініть NAME на:
# translation - для модуля translation
# translation-plus - для модуля translation plus
Після видалення файлів розширення запустіть ці CLI команди Magento:
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
Якщо вам потрібно оновити розширення Magento 2 Translation від Magefan, будь ласка, виконайте наведені нижче дії.
Примітка: інструкції з оновлення залежать від методу, яким було встановлено розширення translation.
Оновлення через composer
Якщо модуль translation було встановлено через composer (перевірте чи існує папка vendor/magefan/module-translation), тоді вам потрібно запустити ці прості CLI команди в каталозі Magento 2:
composer remove magefan/module-NAME
composer require magefan/module-NAME ^x.x.x
# замініть NAME на:
# translation - для модуля translation
# translation-plus - для модуля translation plus
# замініть x.x.x на версію яку ви хочете використовувати
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
Примітка: якщо ви не хочете, щоб ваш веб-сайт був недоступний під час розгортання статичного контенту, спробуйте .
Оновлення через FTP
Якщо модуль translation було встановлено через FTP (перевірте чи існує папка
Ви можете встановити розширення Magento 2 Translation від Magefan через composer або архів.
Бажаєте, щоб ми встановили для вас модуль Translation? Наші девелопери зроблять це замість ваc – перегляньте наш інсталяційний сервіс.
Примітка: якщо ви хочете встановити Translation Plus, перейдіть до Magefan Account > My Downloads > Install via Composer, щоб отримати інструкції з встановлення через composer.
Встановлення через composer (рекомендовано)
- Відкрийте командний рядок.
- За допомогою команди "cd" перейдіть до кореневого каталогу Magento 2.
- Запустіть CLI команди:
composer require magefan/module-translation
# Authentication required (repo.magento.com)
# Отримайте свої Magento Marketplace authentication keys або використайте ці:
# Username: 7c018006799466c681ad507e27904677
# Password: 289077c86e811661a8f7751828485d3a
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
Примітка: якщо ви не хочете, щоб ваш веб-сайт був недоступний
Існують різні причини, через які ви хотіли б видалити спадаюче меню валют з вітрини магазину Magento 2.
![]()
Наприклад, ви можете видалити його, оскільки ви використовуєте Magento 2 Currency Switcher і не хочете дозволяти користувачам змінювати валюту вручну.
Щоб видалити перемикач валют, виконайте наступні дії:
1. Створіть новий файл у папці теми вашого магазину:
app/design/frontend/ThemeVendor/ThemeName/Magento_Theme/layout/default.xml
2. Додайте до неї цей код:
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock name="currency" remove="true" />
<referenceBlock name="store.settings.currency" remove="true" />
</body>
</page>
Якщо у вас вже є файл Magento_Theme/layout/default.xml, відредагуйте його та додайте цей код перед закриваючим тегом </body>:
<referenceBlock name="currency" remove="true" />
<referenceBlock name="store.settings.currency"
Існують різні причини, через які ви хотіли б видалити спадаюче меню мов з вітрини магазину Magento 2.
![]()
Наприклад, ви можете видалити його, оскільки ви використовуєте Magento 2 Language Switcher і не хочете дозволяти користувачам змінювати мову вручну.
Це легко зробити. Будь ласка, виконайте ці прості кроки:
1. Створіть новий файл у папці теми вашого магазину:
app/design/frontend/ThemeVendor/ThemeName/Magento_Theme/layout/default.xml
2. Додайте до неї цей код:
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock name="store_language" remove="true" />
</body>
</page>
Якщо у вас вже є файл Magento_Theme/layout/default.xml, відредагуйте його та додайте наступний код перед закриваючим тегом </body>:
<referenceBlock name="store_language" remove="true" />
3. та виконайте CLI команду:
bin/magento c:f
Це все :-)
Якщо ви вирішили видалити розширення Magento 2 WebP Images, будь ласка, виконайте наступні кроки. Ви також можете зв'язатись з нашою командою для отримання безкоштовної консультації у випадку, якщо у вас виникнуть проблеми з розширенням Magefan.
Видалення файлів розширення
Інструкції щодо видалення файлів залежать від способу яким розширення було встановлено.
1. Якщо ви можете знайти файли розширення у папці
app/code/Magefan/WebP
тоді видаліть цю папку.
2. Якщо розширення було встановлено через композер та його файли знаходяться в папці
vendor/magefan/module-webp
тоді запустіть наступну композер команду CLI , щоб видалити її
composer remove magefan/module-webp
Після видалення файлів розширення запустіть ці CLI команди Magento:
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
Примітка: якщо ви не хочете, щоб ваш веб-сайт був недоступний під час розгортання статичного контенту, спробуйте .
Видалення
Якщо вам потрібно оновити розширення Magento 2 WebP Images від Magefan, будь ласка, виконайте наведені нижче дії.
Примітка: інструкції з оновлення залежать від методу, яким було встановлено розширення WebP images.
Оновлення через composer
Якщо модуль WebP images було встановлено через composer (перевірте чи існує папка vendor/magefan/module-webp), тоді вам потрібно запустити ці прості CLI команди в каталозі Magento 2:
composer remove magefan/module-webp
composer require magefan/module-webp^x.x.x
# замініть x.x.x на версію яку ви хочете використовувати
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
Примітка: якщо ви не хочете, щоб ваш веб-сайт був недоступний під час розгортання статичного контенту, спробуйте .
Оновлення через FTP
Якщо модуль WebP images було встановлено через FTP (перевірте чи існує папка app/code/Magefan/WebP), тоді виконайте наступні команди:
1. Завантажте останню версію архіву розширення
Ви можете встановити розширення Magento 2 WebP Images від Magefan через composer або архів.
Бажаєте, щоб ми встановили та налаштували для вас модуль WebP Images? Наші девелопери зроблять це замість ваc – перегляньте наш інсталяційний сервіс.
Увага! Якщо ви встановлюєте розширення на Magento 2.4.0, у ядрі Magento 2.4.0 є відома помилка "Error: main.CRITICAL: Error: Undefined class constant 'XML_PATH_HEADER_TRANSLATE_TITLE'. Тому перед встановленням розширення застосуйте цю зміну до своєї Magento. Зверніть увагу, що це виправлення вже є в Magento 2.4.1.
Встановлення через composer (рекомендовано)
Будь ласка, підіть в свій акаунт Magefan Account > My Downloads > Install via Composer, щоб отримати інсталяційні інструкції.
Встановлення через архів та FTP
- Завантажте ZIP-архів розширення WebP Images на сайті magefan.com (не з GitHub або ж інших джерел).
- Вилучіть файли.
- Скопіюйте папки app та lib з архіву у свою папку Magento 2.

- У командному рядку за допомогою "cd" перейдіть
Оптимізація зображень — це один із перших кроків, який потрібно зробити для покращення роботи веб-сайту. І найкращий спосіб досягнути цього — новий формат WebP, розроблений Google. мають менший розмір і відповідно завантажують швидше.
Якщо ви хочете підвищити швидкість завантаження свого магазину, вам слід розглянути розширення Magento 2 WebP Images. У цій статті ви дізнаєтесь, як його налаштувати.
Виконайте наступні кроки, щоб налаштувати розширення Magento 2 WebP Images:
1. Підіть в Stores > Configuration > Magefan Extensions > WebP Images.
2. Ввімкніть модуль.
3. Задайте Image Quality (1-100). Чим вище значення ви задасте, тим кращою буде якість. Проте розмір високоякісних зображень буде більшим.
4. Виберіть які дані копіювати з оригінального зображення під час конвертації у webp у полі Image Metadata.
5. Виберіть WebP Generation Mode. Доступні для вас опції:
- Page Load: Зображення WebP генеруються під час завантаження сторінки (генерує лише ті зображення, які ще не були конвертовані
CMS Display Rules дозволяють відображати CMS блоки різним групам користувачів: General, Wholesale, Retail та NOT LOGGED IN. Більше того, вони дозволяють задати дату, день тижня та навіть точний період часу відображенння CMS блоку.
У цій статті ми покажемо вам, як налаштувати обмеження CMS блоків у Magento 2.
Виконайте наступні кроки, щоб налаштувати CMS display rule для CMS блоків у Magento 2:
- Підіть в Content > Elements > Blocks, виберіть CMS block для якого потрібно створити правило показу, і знайдіть розділи Display Conditions та Display Rules.
Примітка: ви можете також та налаштовувати CMS display rule в процесі.
![]()
2. Виберіть Display Mode, щоб визначити, як має завантажуватися CMS блок: через Lazy Load on scroll, Ajax load on page load, або Ajax load on the first scroll.
3. Виберіть Devices, на яких блок має бути доступним: Mobile, Tablets, Desktop, або All.
![]()
4. Вкажіть Групу Користувачів, якій CMS блок буде показуватись.
Ви можете зменшити кількість людей, яким показуватиметься
CMS Display Rules як чудовий внесок у вашу маркетингову стратегію дозволяють вказувати, які CMS сторінки показувати різним групам користувачів: General, Wholesale, Retail та NOT LOGGED IN.
Крім того, існують інші опції, які дозволяють налаштувати відображення CMS сторінок не тільки для окремих груп користувачів, але й за датою, днем тижня та точним часом.
У цій статті ви дізнаєтесь, як налаштувати CMS Display Rule для статичної сторінки. Немає необхідності розповідати вам про те, як створити CMS сторінку у Magento 2, оскільки, якщо ви читаєте цю статтю, у вас, мабуть, уже є CMS сторінки, для яких ви хочете налаштувати display rules.
Проте, якщо потрібно, ви можете прочитати цю статтю та дізнатись .
Щоб увімкнути CMS display rule для CMS сторінки у Magento 2, виконайте наступні кроки:
1. Перейдіть в Content Elements Pages, виберіть CMS сторінку, для якої ви хочете створити display rule, і знайдіть розділи Display Conditions та Display Rules.
![]()
2. Виберіть Customer Group, для якої