As of May 31, 2023, we have updated our Code of Conduct.

Questions tagged [accordion]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
2 answers

Switch between accordion behavior on resize not working properly

I am trying to get a different behaviour of the product tabs/accordion on desktop vs. mobile. I use the matchMedia function to do so. So in the desktop part I use: entry: function () { $('....
Mario's user avatar
  • 423
0 votes
1 answer

i want to add accordion inside the cms block, but it is not taking

i want to add accordion inside the cms block, but it is not taking this is the code i want to add <div id="accordion" data-mage-init='{ "accordion":{ "activate": 2, &...
vinaysirige's user avatar
1 vote
0 answers

Accordion not working after ajax data update : M2

At page load accordion is working good, but when i replace whole id="accordion" div using ajex after that accordion isn't working. In ajax content have same html structure as below. <div ...
Jimit Bhavsar's user avatar
0 votes
0 answers

Accordion tabs not opening by default on configurable product

I changed product details from tab to accordion. I want all of the tabs to be open by default. This works on simple products, but doesn't work on configurable products. I've been editing the details....
web master's user avatar
0 votes
1 answer

Magento 2 callback dimensionsChanged accordion does not work

I built an accordion from the Magento 2 documentation. CODE JS: $(".init-accordion").accordion({ "active": [1, 2], "collapsible": true, "openedState"...
Cristian's user avatar
0 votes
1 answer

Make product data tabs collapsed by default

I want all product data tabs on the product details page to be collapsed by default. I edited this line in app/design/frontend/<Namespace>/<theme>/Magento_Catalog/templates/product/view/...
Chaz's user avatar
  • 269
1 vote
1 answer

Can't close accordion after update from 2.3.1 to 2.3.5-p1

tl;dr After upgrading from Magento 2.3.1 to Magento 2.3.5-p1 our custom JavaScript, part of our custom theme, stopped working. I'm receiving the following error when trying to close the accordion ...
Watista's user avatar
  • 11
0 votes
2 answers

magento2.4 accordian with plus minus icon

I am creating an FAQ page as a CMS page and want to use the native Magento accordian function however I also want each faq to have a plus minus to indicate it can be open/closed. I know the accordian ...
Jayreis's user avatar
  • 707
2 votes
3 answers

Using magento 2 accordion widget with href links

I am trying to build a category accordion in my side bar and I am using magento 2 accordion widget <?php $...
Korbin's user avatar
  • 298
0 votes
2 answers

data-mage-init breaks in cms static blocks or pages - how do i get an accordion?

I have been trying to have some blocks with collapsible content, but to put them in cms blocks so the text can be maintained by a normal human I have found, thanks to previous stack discussions, that ...
iphigenie's user avatar
  • 1,659
1 vote
0 answers

Nested collapsible elements: initialize a collapsible inside of content for another collapsible

Having a data-mage-init='{ "collapsible":{ "collapsible": true, "openedState": "opened", "multipleCollapsible": true, "header": ".parent__collapsed", "content": "....
user0809's user avatar
0 votes
1 answer

Change breakpoint accordion vs. tabs product data

I'm struggling with my product tabs. I've that many tabs, that the tabs are wrapped to a new line. For this reason, I would like the breakpoint to change to an accordion from screen__m to screen__l. ...
RGS's user avatar
  • 1
0 votes
1 answer

How to make the content inside "gift options" be open when entering the cart?

Hi I´m editing this file: vendor/magento/module-gift-message/view/frontend/web/template/gift-message.html Is there a way to make the content inside the div with the class "gift-item-block" opened by ...
Gonzalo Gutiérrez's user avatar
1 vote
1 answer

How to close layered navigation accordion on side click?

If anyone can help me with how to close active accordion of layered navigation if clicked outside the layered navigation block? <div class="filter-options" id="narrow-by-list" data-role="content" ...
Kazim Noorani's user avatar