在Magento中,提供了使用商品属性对产品进行筛选的功能,在分类页的侧栏中显示,如果没有设定好要进行筛选的属性,那么默认只显示 使用子分类进行产品筛选。筛选器的默认标题是 shop by
上图中的color属性是重新添加的,price属性是默认就开启的,但是全新安装的magento,加入产品后,并不会显示这个属性筛选,我们需要对属性进行设置才可以。 在后台选择属性管理
在 过滤器中搜索 price,并选择 price属性,
在 打开的属性修改页面,更改 Use In Layered Navigation属性
该属性有三个选项,
No: 该属性不作为筛选属性。
Filterable (with results) 作为筛选属性,只显示有结果的筛选项
Filterable (no results) 作为筛选属性,显示所有的筛选项,包括没有产品数量的筛选项。
设置,保存,更新index和缓存。
在分类页面上刷新,我们看到依然没有 price的属性筛选框,我们还有另外一个地方需要设置。
在产品分类的显示设置中 有一个 Is anchor (n.锚 v.抛锚,停泊;(使)固定)的选项设置,把该选项设为yes,保存,在查看一下,price筛选器就显示出来了。
,其他的属性,也是一样的设置方式,比如说,我们要对产品增加一个品牌的属性筛选,这个属性在默认的属性中并不存在,那么我们就要使用属性管理,新建一个属性,然后在把它设置成筛选属性。
参考
//Magento 1.9x 自带的 模板 \app\design\frontend\rwd\default\template\configurableswatches\catalog\layer\filter/swatches.phtml
<?php
/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magento.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magento.com for more information.
*
* @category design
* @package rwd_default
* @copyright Copyright (c) 2006-2015 X.commerce, Inc. (http://www.magento.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/
?>
<?php
/**
* Template for filter items block
*
* @see Mage_Catalog_Block_Layer_Filter
*/
$_dimHelper = Mage::helper('configurableswatches/swatchdimensions');
$_swatchInnerWidth = $_dimHelper->getInnerWidth(Mage_ConfigurableSwatches_Helper_Swatchdimensions::AREA_LAYER);
$_swatchInnerHeight = $_dimHelper->getInnerHeight(Mage_ConfigurableSwatches_Helper_Swatchdimensions::AREA_LAYER);
$_swatchOuterWidth = $_dimHelper->getOuterWidth(Mage_ConfigurableSwatches_Helper_Swatchdimensions::AREA_LAYER);
$_swatchOuterHeight = $_dimHelper->getOuterHeight(Mage_ConfigurableSwatches_Helper_Swatchdimensions::AREA_LAYER);
?>
<ol class="configurable-swatch-list">
<?php foreach ($this->getItems() as $_item): ?>
<?php
$_hasItems = ($_item->getCount() > 0);
$_label = $_item->getLabel();
$_swatchUrl = Mage::helper('configurableswatches/productimg')->getGlobalSwatchUrl($_item, $_label, $_swatchInnerWidth, $_swatchInnerHeight);
$_hasImage = (!empty($_swatchUrl));
$_linkClass = 'swatch-link' . (($_hasImage) ? ' has-image' : '');
$_linkCss = 'height:' . $_swatchOuterHeight . 'px; ' . ((!$_hasImage) ? 'min-' : '') . 'width:' . $_swatchOuterWidth . 'px;';
$_lineHeight = $_swatchOuterHeight + 2;
?>
<li<?php if ($_hasImage){ echo ' style="line-height: ' . $_lineHeight . 'px;"'; } ?>>
<?php if ($_hasItems): ?>
<a href="<?php echo $this->urlEscape($_item->getUrl()) ?>" class="<?php echo $_linkClass ?>">
<?php else: ?>
<span class="<?php echo $_linkClass ?>">
<?php endif; ?>
<span class="swatch-label"<?php if ($_hasImage){ echo ' style="' . $_linkCss . '"'; } ?>>
<?php if ($_hasImage): ?>
<img src="<?php echo $_swatchUrl; ?>" alt="<?php echo $_label; ?>" title="<?php echo $_label ?>" width="<?php echo $_swatchInnerWidth ?>" height="<?php echo $_swatchInnerHeight ?>" />
<?php else: ?>
<?php echo $_label; ?>
<?php endif; ?>
</span>
<?php if ($this->shouldDisplayProductCount()): ?>
<span class="count">(<?php echo $_item->getCount() ?>)</span>
<?php endif; ?>
<?php if ($_hasItems): ?>
</a>
<?php else: ?>
</span>
<?php endif; ?>
</li>
<?php endforeach ?>
</ol>
\app\design\frontend\rwd\default\layout/configurableswatches.xml
<?xml version="1.0"?>
<!--
/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magento.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magento.com for more information.
*
* @category design
* @package rwd_default
* @copyright Copyright (c) 2006-2015 X.commerce, Inc. (http://www.magento.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/
-->
<layout version="0.1.0">
<product_list>
<reference name="head">
<action method="addItem"><type>skin_js</type><name>js/configurableswatches/product-media.js</name></action>
<action method="addItem"><type>skin_js</type><name>js/configurableswatches/swatches-list.js</name></action>
</reference>
<reference name="product_list.name.after">
<block type="core/template" name="product_list.swatches" template="configurableswatches/catalog/product/list/swatches.phtml" />
</reference>
<reference name="product_list.after">
<block type="configurableswatches/catalog_media_js_list" name="configurableswatches.media.js.list" />
</reference>
</product_list>
<catalog_category_default>
<update handle="product_list"/>
</catalog_category_default>
<catalog_category_layered>
<update handle="product_list"/>
</catalog_category_layered>
<catalogsearch_result_index>
<update handle="product_list"/>
</catalogsearch_result_index>
<catalogsearch_advanced_result>
<update handle="product_list"/>
</catalogsearch_advanced_result>
<PRODUCT_TYPE_configurable>
<reference name="head">
<action method="addItem"><type>skin_js</type><name>js/configurableswatches/product-media.js</name></action>
<action method="addItem"><type>skin_js</type><name>js/configurableswatches/swatches-product.js</name></action>
</reference>
<reference name="product.info.media">
<action method="setGalleryFilterHelper"><helper>configurableswatches/productimg</helper></action>
<action method="setGalleryFilterMethod"><method>filterImageInGallery</method></action>
</reference>
<reference name="product.info.media.after">
<block type="configurableswatches/catalog_media_js_product" name="configurableswatches.media.js.product" />
</reference>
<reference name="product.info.options.configurable.renderers">
<block type="configurableswatches/catalog_product_view_type_configurable_swatches" template="configurableswatches/catalog/product/view/type/options/configurable/swatches.phtml" />
</reference>
<reference name="product.info.options.configurable.after">
<block type="core/template" template="configurableswatches/catalog/product/view/type/configurable/swatch-js.phtml" />
</reference>
</PRODUCT_TYPE_configurable>
</layout>
转载请注明:(●--●) Hello.My Weicot » Magento中产品属性筛选器 Use In Layered Navigation 说明 边栏调用 configurableswatches