Cambiare il layout della navigazione a strati
-
16-10-2019 - |
Domanda
Ho una navigazione più livelli, e il cliente vuole avere campi <select/>
invece di una lunga lista di link.
ho pensato solo cambiando il modello con un osservatore di se il nome / id delle corrispondenze con i filtri.
Tutte le idee migliori o raccomandazioni? Alternative alla modifica del modello, forse sovrascrittura / riscrivere il blocco o modificano solo la classe di blocco per i due filtri?
Quale evento da utilizzare per cambiare il modello?
Ho poi lo stesso problema come qui https: / /stackoverflow.com/questions/14524791/magento-enable-or-disable-a-module-in-code/14529629 perché ho un osservatore che cambia le cose di layout. Questo è solo il tema rilevante. Così chechking il tema prima di eseguire gli aggiornamenti potrebbe essere una buona idea?
Soluzione
Ok, le cose che si devono fare: 1. Eseguire l'override del '/ layer_view catalogo' blocco di impostare il proprio modello. Ho messo il mio navigatore strati nell'area di intestazione come parte di una colonna di 1 Layout
<layout>
<catalog_category_layered>
<reference name="header">
<block type="catalog/layer_view" name="mylayered" template="mymodule/catalog/layer/view.phtml"/>
</reference>
</catalog_category_layered>
</layout>
In questo file di modello è necessario specificare il modello di override per i vostri singoli elementi.
<?php if($this->canShowBlock()): ?>
<div class="block block-layered-nav">
<div class="block-title">
<strong><span><?php echo $this->__('Shop By') ?></span></strong>
</div>
<div class="block-content">
<?php echo $this->getStateHtml() ?>
<?php if ($this->getLayer()->getState()->getFilters()): ?>
<div class="actions"><a href="<?php echo $this->getClearUrl() ?>"><?php echo $this->__('Clear All') ?></a></div>
<?php endif; ?>
<?php if($this->canShowOptions()): ?>
<p class="block-subtitle"><?php echo $this->__('Shopping Options') ?></p>
<dl id="narrow-by-list">
<?php $_filters = $this->getFilters() ?>
<?php foreach ($_filters as $_filter): ?>
<?php /* !!! HERE !!! */ ?>
<?php if(some_condition == true){ $_filter->setTemplate('path/to/your/new/filter.phtml'); } ?>
<?php if($_filter->getItemsCount()): ?>
<dt><?php echo $this->__($_filter->getName()) ?></dt>
<dd><?php echo $_filter->getHtml() ?></dd>
<?php endif; ?>
<?php endforeach; ?>
</dl>
<script type="text/javascript">decorateDataList('narrow-by-list')</script>
<?php endif; ?>
</div>
</div>
<?php endif; ?>
Infine, è necessario creare il menu a discesa filter.phtml. Questo dovrebbe essere semplice. Questo è mal formattato come io sto avendo problemi con questo editor, ma l'idea generale è qui. Alcuni Javascript sarà necessario pure.
<ol>
<li><select>
<?php foreach ($this->getItems() as $_item): ?>
<option value="<?php echo $this->urlEscape($_item->getUrl()); ?>">
<?php if ($_item->getCount() > 0): ?>
<a href="<?php echo $this->urlEscape($_item->getUrl()) ?>"><?php echo $_item->getLabel() ?></a>
<?php else: echo $_item->getLabel() ?>
<?php endif; ?>
<?php if ($this->shouldDisplayProductCount()): ?>
(<?php echo $_item->getCount() ?>)
<?php endif; ?>
</option>
<?php endforeach ?>
</select></li>
</ol>
Altri suggerimenti
È possibile utilizzare evento core_block_abstract_prepare_layout_after
sul blocco Mage_Catalog_Block_Layer_View
per cambiare il modello della vostra particolare filtro attributo.
Potrebbe essere qualcosa di simile:
public function yourObserver($observer)
{
$block = $observer->getBlock();
if ($block instanceof Mage_Catalog_Block_Layer_View) {
$block->getChild($yourAttributeCodeGoesHere . '_filter')
->setTemplate('your/template.phtml');
}
}
Riepilogo:
Ogni filtro di blocco bambino ha alias in blocco di navigazione a strati come [attribute_code]_filter
, e tutti loro creato nel metodo _prepareLayout()
così si può facilmente modificare il suo modello su eventi core_block_abstract_prepare_layout_after
.
Inoltre è possibile verificare all'interno del vostro osservatore che tema attuale è lo stesso di quello atteso chiamando:
$design = Mage::getSingleton('core/design_package')
$design->getPackageName(); // Returns current design package
$design->getTheme('layout'); // Returns current design layout
Cordiali saluti, Ivan