重新优化

app/design/frontend/Joshine/breeze/Magento_Catalog/layout/catalog_category_view.xml

@@ -47,7 +47,7 @@
                 </arguments>
             </block>
         </referenceContainer>
-        <referenceBlock name="page.main.title" remove="true">
+        <referenceBlock name="page.main.title" >
             <arguments>
                 <argument name="id" xsi:type="string">page-title-heading</argument>
                 <argument name="add_base_attribute_aria" xsi:type="string">page-title-heading toolbar-amount</argument>

app/design/frontend/Joshine/breeze/Magento_LayeredNavigation/templates/layer/view.phtml

@@ -13,66 +13,30 @@
 ?>
 
 <?php if ($block->canShowBlock()) : ?>
-    <div class="block filter" id="layered-filter-block" data-mage-init='
-    {
-        "collapsible":
-        {
-            "openedState": "active",
-            "collapsible": true,
-            "active": false,
-            "collateral":
-            {
-                "openedState": "filter-active",
-                "element": "body"
-            }
-        }
-    }'>
-        <?php $filtered = count($block->getLayer()->getState()->getFilters()) ?>
-
+    <div class="block filter">
         <div class="block-content filter-content">
             <?= $block->getChildHtml('state') ?>
 
             <?php if ($block->getLayer()->getState()->getFilters()) : ?>
                 <div class="block-actions filter-actions">
-                    <a href="<?= $block->escapeUrl($block->getClearUrl()) ?>" class="action clear filter-clear">
-                        <span><?= $block->escapeHtml(__('Clear All')) ?></span>
-                    </a>
+                    <a href="<?= $block->escapeUrl($block->getClearUrl()) ?>" class="action clear filter-clear"><span><?= $block->escapeHtml(__('Clear All')) ?></span></a>
                 </div>
             <?php endif; ?>
             <?php $wrapOptions = false; ?>
             <?php foreach ($block->getFilters() as $filter) : ?>
+        <?php if (!$wrapOptions) : ?>
+            <strong role="heading" aria-level="2" class="block-subtitle filter-subtitle"><?= $block->escapeHtml(__('Shopping Options')) ?></strong>
+            <dl class="filter-options" id="narrow-by-list">
+                <?php $wrapOptions = true;
+                endif; ?>
                 <?php if ($filter->getItemsCount()) : ?>
-                    <?php if (!$wrapOptions) : ?>
-                        <strong role="heading" aria-level="2" class="block-subtitle filter-subtitle"><?= $block->escapeHtml(__('Shopping Options')) ?></strong>
-                        <div class="filter-options" id="narrow-by-list" data-role="content" data-mage-init='
-                        {
-                            "accordion":
-                            {
-                                "openedState": "active",
-                                "collapsible": true,
-                                "active": false,
-                                "multipleCollapsible": false
-                            }
-                        }'>
-                        <?php $wrapOptions = true;
-                        endif; ?>
-                    <div data-role="collapsible" class="filter-options-item">
-                        <div data-role="title" class="filter-options-title"><?= $block->escapeHtml(__($filter->getName())) ?></div>
-                        <div data-role="content" class="filter-options-content"><?= /* @noEscape */ $block->getChildBlock('renderer')->render($filter) ?></div>
-                    </div>
+                    <dt role="heading" aria-level="3" class="filter-options-title"><?= $block->escapeHtml(__($filter->getName())) ?></dt>
+                    <dd class="filter-options-content"><?= /* @noEscape */ $block->getChildBlock('renderer')->render($filter) ?></dd>
                 <?php endif; ?>
-            <?php endforeach; ?>
-            <?php if ($wrapOptions) : ?>
-                </div>
-            <?php else : ?>
-                <script>
-                    require([
-                        'jquery'
-                    ], function ($) {
-                        $('#layered-filter-block').addClass('filter-no-options');
-                    });
-                </script>
-            <?php endif; ?>
+                <?php endforeach; ?>
+                <?php if ($wrapOptions) : ?>
+            </dl>
+        <?php endif; ?>
         </div>
     </div>
 <?php endif; ?>