розробка

  1. Як не переносити деякий JS код вниз сторінки в Magento 2?

    Розширення Magento 2 Rocket JavaScript дозволяє увімкнути завантаження deferred JavaScript  і автоматично перемістити JS код в нижню частину сторінки. Таким чином ви збільшуєте швидкість завантаження веб-сайту та усуваєте блокування візуалізації.

    Однак іноді вам не потрібно переміщувати всі JavaScripts вниз, оскільки є деякі, які не рекомендується туди переносити.

    Отже, якщо ви використовуєте deferred JavaScripts на своїй сторінці магазину Magento 2 і не хочете переносити якийсь JavaScript вниз, вам просто потрібно додати атрибут data-rocketjavascript = "false" до тегу <script>:

    Дізнатись більше »
  2. Magento 2 Image Lazy Load в Knockout шаблоні

    Щоб застосувати 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-ori
    Дізнатись більше »
  3. Як видалити Language Switcher в Magento 2?

    Існують різні причини, через які ви хотіли б видалити спадаюче меню мов з вітрини магазину Magento 2.

    Magento 2 Language Switcher Remove

    Наприклад, ви можете видалити його, оскільки ви використовуєте 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-instan
    Дізнатись більше »
  4. Як видалити Currency Switcher в Magento 2?

    Існують різні причини, через які ви хотіли б видалити спадаюче меню валют з вітрини магазину Magento 2.

    Magento 2 Currency Switcher Remove

    Наприклад, ви можете видалити його, оскільки ви використовуєте 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:no
    Дізнатись більше »
  5. Приклади запитів GraphQL в блозі Magento 2

    Приклади деяких запитів GraphQL для блогу Magento 2 представлені в цій статті. За допомогою цих запитів ви зможете витягнути необхідні дані блогу для прогресивної веб-програми (PWA). Запити легко тестуються в ChromeiQL - розширенні браузера Chrome.

    Зауважте, що додаток Magento 2 Блог GraphQL слід спочатку встановити.

    Щоб перевірити повну схему Blog GraphQL, перегляньте файл schema.graphqls.

     GraphQL запит публікації головної сторінки блогу

    Зап

    Дізнатись більше »
  6. Тестування GraphQL запитів

    Щоб легко перевірити запити GraphQL, все, що вам потрібно зробити, це встановити розширення ChromeiQL для браузера Chrome, натиснувши кнопку Add to Chrome.

    Chromeigl Extension

    Додавши його, ви побачите значок розширення у правому верхньому куті вікна браузера. Натиснувши на нього, ви перейдете до нового вікна, де проводиться тестування. 

    Це приклад того, як ми перевіряємо GraphQL запит для модуля блогу Magento 2:

    1. Set the Endpoint URL-адресу у відповідному полі.
    2. У лівому полі задайте запит. Дозволяється також вказати параметри запиту, якщо потрібно, нижче розділу запитів.
    3. Натисніть кноп
    Дізнатись більше »
  7. Як програмно змінити розмір зображень блогу в Magento 2?

    Щоб змінити розмір зображень в Magento 2 Блог ви можете використати наступний код у файлах шаблону:

     <?php
       $width = 100;
       $height = 150;
       $imageHelper = $this->helper(\Magefan\Blog\Helper\Image::class);
     ?>
    <img
       src="<?php echo $imageHelper->init($_post->getFeaturedImg())->resize($width, $height); ?>"
       alt="<?php echo $block->escapeHtml($_post->getTitle(), null, true) ?>" />
    
    Дізнатись більше »
  8. Як змінити макет для всіх сторінок блогу в Magento 2

    Якщо ви використовуєте розширення Magento 2 Блог від Magefan і вам потрібно змінити макет, наприклад з "2 columns with a right sidebar" на "2 columns with a left sidebar" для всіх сторінок блогу, будь ласка, виконайте наступне:

    1. Створіть файл

    app/design/ThemeVendor/themename/Magefan_Blog/layout/blog_default.xml

    2. Додайте до нього наступний код:

    <?xml version="1.0"?>
    <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="2columns-left" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    </page>

    Дізнатись більше »
  9. Додавання кастомного поля до публікації блогу Magento 2

    Якщо вам потрібно розширити Magento 2 Блог від Magefan і додати нове кастомне текстове поле на сторінку редагування публікації блогу в адмін панелі Magento 2 (Content > Blog > Posts), ви повинні створити просте кастомне розширення Magento 2.

    Ви можете завантажити зразок розширення з нашої сторінки GitHub або створити його вручну, виконавши наведені нижче дії.

    1. Створіть файл composer.json

    app/code/Magefan/BlogCustomField/composer.json
    {
    "name": "magefan/module-blog-custom-field",
    "description": "Implements Blog functionality on Magento 2 store",
    "require": {
    "magefan/module-blog" : ">=2.8.0"
    },
    "type": "magento2-module",
    "version": "2.0.0",
    "license": [
    "OSL-3.0",
    "AFL-3.0"
    ],
    "autoload": {
    "files": [ "registration.php" ],
    "psr-4": {
    "Magefan\\BlogCustomField\\": ""
    }
    }
    }

     

    Дізнатись більше »
  10. Як відобразити кількість тегів у хмарі бічної панелі блогу в Magento 2

    Якщо вам потрібно відобразити кількість тегів у хмари тегів на бічній панелі Magento 2 Блог, потрібно розширити шаблон бічної панелі тегів.

    Щоб зробити це:

    1. Скопіюйте файл шаблону з папки розширення блогу

    view/frontend/templates/sidebar/tag_claud.phtml

    в папку теми 

    app/design/frontend/ThemeVendor/themename/Magefan_Blog/templates/sidebar/tag_claud.phtml

    Дізнатись більше »
Posts loader
^Вверх
Chat