виправлення помилок

Якщо ви використовуєте модуль Magento 2 WebP Images і CLI конветація за допомогою команди bin/magento magefan:webp:convert виконується дуже довго, проблема може бути в бібліотеці cwebp на вашому сервері. Розширення WebP працює таким чином, щоб спочатку перевірити чи на сервері встановлено належне програмне забезпечення, а потім використовувати власні двійкові файли, якщо програмне забезпечення не встановлено. Отже, якщо у вас на сервері вже є бібліотека cwebp, тоді розширення буде використовувати її.

Cwebp на сервері може бути застарілим, спробуйте оновити або перевстановити cwebp.

Якщо з якихось причин ви не можете його оновити, спробуйте змінити такий файл:

/lib/internal/Magefan/Lib/WebPConvert/Convert/Converters/Cwebp.php

або

vendor/rosell-dk/webp-convert/src/Convert/Converter

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

Якщо ви перевіряєте швидкість свого веб-сайту в Google PageSpeed, ви можете зіткнутися із проблемою Serve images in next-gen formats. Відповідно до неї Google рекомендує зберігати зображення у форматах JPEG 2000, JREG XR та WEBP замість старих PNG та JPG.

Якщо ви використовуєте модуль Magento 2 Блог із доданими featured images до публікації блогу, але ці зображення не відображаються на вітрині магазину, то, швидше за все, проблема у вашій темі. Багато тем містять власні макети для блогу та файли шаблонів, які переписують оригінальний вигляд. В них також може не бути деяких характеристик блогу як, наприклад, featured images. Щоб перевірити та виправити це, виконайте наступні кроки:

1. Відкрийте цей файл, якщо він існує (якщо його немає, пропустіть 2-3 кроки): 

/app/design/frontend/[ThemeVendor]/[themename]/Magefan_Blog/templates/post/list/item.phtml

2. Перевірте, чи файл містить код типу "getFeaturedImage". Ви можете знайти оригінальний код тут: 

https://github.com/magefan/module-blog/blob/master/view/frontend/templates/post/list/item.phtml
http

Якщо ви використовуєте розширення Magento 2 Блог і стикаєтеся з проблемою подвійних канонічних тегів на сторінках блогу, знайте, що це найчастіше відбувається, тому що ви використовуєте третьосторонні SEO модулі. І ці SEO модулі додають додаткові канонічні URL-адреси для сторінок вашого блогу.

Якщо SEO модуль, який ви використовуєте, є розширенням Mageworx SEO, вам потрібно перейти в Stores > Configuration > Mageworx > SEO Base > Canonical URL Settings та задати наступні елементи в полі Canonical URL won't be added for those pages:

blog_index_index
blog_post_view
blog_category_view
blog_archive_view
blog_author_view
blog_tag_view

Якщо ви вже використовуєте WebP зображення для HTML-тегів <img> і хочете також увімкнути WebP для фонових малюнків у CSS, правильним буде використати кілька фонів в CSS стилях.

Наприклад, у вас є елемент із фоновим CSS .png:

.minicart-wrapper .action.showcart.desktop .fa-shopping-cart:before {
    background: url(../images/icon-cart.png) no-repeat;
}

Щоб переключити його на WebP, вам потрібно вручну конвертувати PNG/JPG/GIF зображення у формат WebP, використовуючи один із безкоштовних інструментів доступних в Інтернеті. Збережіть його в тій же папці та використовуйте CSS ось так:

У Magento 2 Блог v2.9.3 ми додали функцію, про яку запитували багато клієнтів, це «використання шаблону пов'язаних продуктів із каталогу за замовчуванням» (default catalog related products template) замість кастомного шаблону пов'язаних продуктів блогу. Це допомагає автоматично відображати пов'язані продукти на сторінці публікації блогу в дизайні теми. Коміт (commit), пов'язаний з цією зміною, можна знайти на GitHub.

На жаль, для Magento 2 існує тисячі тем і деякі з них мають специфічні JS та CSS (наприклад, тема Porto). Ось чому, якщо ви використовуєте розширення Blog 2.9.3 або новішої версії і блок пов'язаних продуктів виглядає дивно

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

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

Якщо ви гадаєте, що може призвести до того, що Facebook витягує неправильні OG дані  замість нових, відповідь досить проста. Facebook Open Graph Cache. Отже, щоб переконатися, що Facebook показує актуальну інформацію OG, вам просто потрібно очистити кеш у Facebook.

Виконайте ці кроки, щоб очистити кеш Open Graph у Facebook:

1. Підіть в

Бувають випадки, коли бічна панель Magento відсутня і не відображається. Найімовірніше, це через те, що контейнер "sidebar" або "sidebar.additional" видалено з макету вашої теми.

Щоб виправити цю проблему,

Коли ви тестуєте свою сторінку за допомогою Facebook Sharing Debugger  і отримуєте попередження "The following required properties are missing: fb:app_id",

вам треба додати мета тег fb:app_id до <head> тегу сторінки:

<meta property="fb:app_id" content="ХХХХХХХХХХХХХХХ" />

Вставте ваш Facebook App ID замість ХХХХХХХХХХХХХХХ.

Бувають випадки, коли ви ділитеся посиланням у Facebook, і зображення не відображається або з’являється, але це не те зображення, яке ви очікували. Для виправлення цього слід виконати такі кроки:

1. Перевірте, чи є на вашому веб-сайті OG теги.

Знайдіть код <meta property = og:, натиснувши комбінацію клавіш Ctrl + U, щоб відкрити вихідний код сторінки, приклад:

<meta property="fb:app_id" content="102143277123049" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Development team for your Magento 2 store | Magefan" />
<meta property="og:description" content="Magefan is development team, gathered together in October 2015 shortly before Magento 2 release. We&#039;ve all been waiting for Magento 2 and this is it. Now we can surprise you with our solutions." />
<meta property="og:image:width" cont