Держите все вкладки открытыми в Accordion в Magento 2

Чтобы сохранить все вкладки аккордеона открытыми в Magento 2, вы можете использовать следующие методы:

Метод 1: изменение файла макета XML
Вы можете изменить файл макета XML аккордеона, чтобы установить для параметра «active» значение «true» для каждой вкладки. Вот пример того, как этого можно добиться:

  1. Найдите XML-файл макета, который определяет вкладки-аккордеоны. Обычно он находится в вашей собственной теме или модуле.
  2. Откройте XML-файл и найдите элемент .
  3. Внутри элемента найдите элемент для каждой вкладки.
  4. Добавьте атрибут active="true"к каждому элементу .

Вот пример того, как может выглядеть измененный XML-код:

<accordion>
    <item name="tab1" active="true">
        <!-- Tab 1 content here -->
    </item>
    <item name="tab2" active="true">
        <!-- Tab 2 content here -->
    </item>
    <!-- Add more tabs as needed -->
</accordion>

Установив для атрибута activeзначение «true» для каждой вкладки, вы гарантируете, что все вкладки открыты по умолчанию.

Метод 2: использование JavaScript
Вы также можете использовать JavaScript для программного открытия всех вкладок в аккордеоне. Вот пример использования jQuery:

  1. Добавьте следующий код JavaScript в свой собственный файл JavaScript или непосредственно в файл HTML:
require(['jquery', 'accordion'], function($){
    $('.your-accordion-class').accordion({
        active: 'all'
    });
});
  1. Замените .your-accordion-classфактическим классом CSS или идентификатором вашего элемента контейнера-аккордеона.

Этот код инициализирует аккордеон и устанавливает для параметра activeзначение 'all', что по умолчанию открывает все вкладки.