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
193 views

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
137 views

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
136 views

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
37 views

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
236 views

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
732 views

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
428 views

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
1k views

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
994 views

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 https://devdocs.magento.com/guides/v2.4/javascript-dev-guide/widgets/widget_accordion.html <?php $...
Korbin's user avatar
  • 298
0 votes
2 answers
1k views

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
105 views

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
200 views

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
146 views

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
992 views

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