Intenso

To integrate SEO Layered Navigation Plus from Manadev with the Intenso Theme please follow these steps:

1. Install the SEO Layered Navigation Plus extension following the developer’s instructions
2. Open the following file: etc/modules/itactica_layerednavigation.xml and disable the Layered Navigation extension included with Intenso by changing:

   <active>true</active>

    to 

   <active>false</active>

    Save the file and close it.
3. Open the following file: app/design/frontend/intenso/default/layout/local.xml 
   
   Inside the <catalog_category_layered> layout handler:
    a) Change all the instances of catalog.leftnav to mana.catalog.leftnav
    b) Add the following line inside the <reference name="head"> layout handler: 

   <action method="removeItem"><type>skin_js</type><name>js/lib/jquery.js</name></action>

   
   Inside the <catalogsearch_result_index> layout handler of the same file:
    a) Change all the instances of catalogsearch.leftnav to mana.catalogsearch.leftnav
    b) Add the following line inside the <reference name="head"> layout handler: 

   <action method="removeItem"><type>skin_js</type><name>js/lib/jquery.js</name></action>

   Save the changes and close the file.
4. Open the following file: app/design/frontend/intenso/default/template/catalog/product/list.phtml
   
    a) Change: <?php echo $this->getChildHtml('catalog.leftnav'); ?>
    To: <?php echo $this->getChildHtml('mana.catalog.leftnav'); ?>
   
    b) Change <?php echo $this->getChildHtml('catalogsearch.leftnav'); ?>
    To: <?php echo $this->getChildHtml('mana.catalogsearch.leftnav'); ?> Save the changes and close the file.
5. Open the following file: app/design/frontend/base/default/template/manapro/filteradvanced/view.phtml
   
    a) Add these class names to line 30:
   layered-nav-container top-bar left-off-canvas-menu main-nav open remember
   
    b) Add the following code on line 34: 

   <div class="layered-nav">
       <?php echo $this->getChildHtml('product_list_sorter'); ?>
   </div>

   Save the changes and close the file.
6. Open the following file: skin/frontend/base/default/js/manapro_filterajax.js
   
    Add the following code on line 118, inside the ajax.get method:
   

   // added for compatibility with Intenso theme
   Intenso.libs.productsGrid.init();
   echo.init({ // init lazy loading of images
       offset: 100,
       throttle: 250,
       unload: false
   });
   $j('#catalog-listing').trigger('isotope:update');
   // -------------------------------------------

   Save the changes and close the file.
7. Add the following CSS rules to the custom.css file of the theme. For more information about how to enable and edit the custom.css file please refer to this article. 

   .layered-nav-container ol li a.m-checkbox-checked:before {
       content: "\e617";
       color: #27ccc0; /* <--- color of the active checkmark */
   }
   .js .catalog-category-view .left-off-canvas-menu,
   .js .catalogsearch-result-index .left-off-canvas-menu {
   display: block !important;
   }
   ol.m-filter-css-checkboxes li a.m-checkbox-unchecked,
   ol.m-filter-css-checkboxes li a.m-checkbox-checked {
   background: none !important;
   }
   .block-layered-nav .currently {
       margin-top: 10px;
   }
   .block-layered-nav .currently li,
   .block-layered-nav .currently .label {
       padding: 0 0 4px !important;
       font-size: 0.875rem;
   }
   .block-layered-nav .currently .label {
       color: #777;
       font-size: 0.75rem;
   }
   .block-layered-nav .currently .btn-remove {
       font: 0/0 a !important;
       display: inline-block;
       width: 0.75rem;
       height: 1rem;
       color: transparent;
       position: relative !important;
       float: right;
       top: 0 !important;
       right: 0 !important;
       padding: 0 !important;
   }
   .block-layered-nav .currently .btn-remove:before {
       content: "\e604";
       top: 9px !important;
       font-size: 0.75rem;
   }
   .block-layered-nav .block-title,
   .block-layered-nav .block-subtitle.m-filter-group {
       display: none;
   }
   .block-layered-nav .actions {
       line-height: initial;
       font-size: 0.8125rem;
   }
   /* styles for mobile - off-canvas layered navigation */
   @media only screen and (max-width: 40em) {
       .block-layered-nav .currently .label {
           color: #f0f0f0;
       }
       .block-layered-nav .block-content {
           color: #fff;
       }
       .layered-nav-container .narrow-by-list li {
           border-bottom: 1px solid #444;
       }
   }

   Don’t forget to flush Magento cache after finishing all steps.