magento中在购物车图标鼠标放上后可显示购物车中商品列表的代码

magento中在购物车图标鼠标放上后可显示购物车中商品列表的代码,如下图所示:

打包代码如下:
/购物车图标鼠标放上后可显示购物车中商品列表的代码.zip

布局xml中的引用语法如下:

<default>
             <reference name="header">
            <block type="checkout/cart_sidebar" name="cart_top" template="checkout/cart/topcart.phtml">
                <action method="addItemRender"><type>simple</type><block>checkout/cart_item_renderer</block><template>checkout/cart/sidebar/default.phtml</template></action>
                <action method="addItemRender"><type>grouped</type><block>checkout/cart_item_renderer_grouped</block><template>checkout/cart/sidebar/default.phtml</template></action>
                <action method="addItemRender"><type>configurable</type><block>checkout/cart_item_renderer_configurable</block><template>checkout/cart/sidebar/default.phtml</template></action>
                <block type="core/text_list" name="cart_sidebar.extra_actions" as="extra_actions" translate="label" module="checkout">
                    <label>Shopping Cart Sidebar Extra Actions</label>
                </block>
            </block>
        </reference>
    </default>

在头部代码中的调用

magento 兰亭模板中显示客户浏览过最多次数的商品侧边栏的图示及代码

买了magento 兰亭模板,将其中自己感觉有用的插件,抽取出来,供大家下载,
以下是显示客户浏览过最多次数的商品侧边栏的图示及代码

Hot Products是客户浏览最多的产品列表,这个是动态自动生成,可以去后台 system -> Configuration -> MostViewed 去设置该块显示产品个数
下载打包代码如下:
magento显示客户浏览过最多次数的商品侧边栏.zip

引用语法如下:
<block type="mostviewed/list" name="home.mostviewed.list" before="-" template="catalog/product/sidelist.phtml"/>

css引用如下:

/* Block: Hot Products */
.sidebar .block-hot-products ul{}
.sidebar .block-hot-products li{border-bottom:1px solid #ddd; padding:4px 0; }
.sidebar .block-hot-products li.last{border-bottom:0;}
.sidebar .block-hot-products .product-img{display:block; width:70px; float:left;}
.sidebar .block-hot-products .other-info{font-size:11px;padding:10px 0 0 5px;width:103px;float:right;}
.sidebar .block-hot-products .home-name{ line-height:13px;overflow:hidden;}
.sidebar .block-hot-products .home-name a{}
.sidebar .block-hot-products .special-price{padding:0;}
.sidebar .block-hot-products .price-box{margin:0;}
.sidebar .block-hot-products strong{}

magento 兰亭模板中根据商品日期显示可点击滑动的商品

买了magento 兰亭模板,将其中自己感觉有用的插件,抽取出来,供大家下载,
以下是根据商品日期显示可点击滑动的商品:
根据商品日期显示可点击滑动的商品
代码打包下载:
magento根据商品日期显示可点击滑动的商品.zip

引用语法,其中productsCount是显示的数量
{{block type="catalog/product_new" name="home.catalog.product.new" alias="product_homepage" template="catalog/product/new_scoller.phtml" _productsCount="12"}}

在指定的cms中增加js的引用
  <reference name="head">
        <action method="addItem" ><type>skin_js</type><name>js/scripts.js</name></action>
       <action method="addJs"><script>scriptaculous/slider.js</script></action>
  </reference>

css的引用:

/* new arrivals slider */
.new_arrival_zone{border:1px solid #ddd; margin-bottom:10px;}
.new_arrival_zone .new_arrival_title{background: url("../images/sprite_repeat.gif") repeat-x scroll 0 0 transparent; padding:5px 0 5px 15px; border-bottom:1px solid #ddd }
.new_arrival_zone .new_arrival_title span{font-size:13px; font-weight:bold; color:#A72D2C}
.featured-container{width:755px; margin-bottom:10px; background:#fff; text-align:center; border:1px solid  #E5E2E2; }
.featured-products { clear: both;  position: relative; }
.featured-products #move-left,
.featured-products #move-right { position: absolute; right: 0; top: 38px; width: 20px; height: 61px; float: left; background: url(../images/slide-arrow.gif) no-repeat -20px  0; text-indent: -999px; }
.featured-products #move-right { background-position: 0 0; left: 0; right: auto; }
.featured-products #move-left.disabled,
.featured-products #move-right.disabled,
.featured-products #move-left:hover,
.featured-products #move-right:hover
{ opacity: 0.5; filter: alpha(opacity=50); }
.slider-wrapper {
    clear: both;
    width: 715px;
    margin-left: 19px;
    overflow: hidden;
    position: relative;
}
.slider-wrapper .list-featured {
    width: 10400px;
    padding: 0;
    overflow: hidden;
}
.slider-wrapper .list-featured li {
    float: left;
    width: 103px;
    padding: 5px 0 3px 0;
	text-align:center;

}
.slider-wrapper .list-featured li.last {
    margin: 0px;
}
.slider-wrapper .list-featured .product-image {
    text-align: center;
}
.slider-wrapper .list-featured h5 {
    display: table-cell;
    height: 35px;
    vertical-align: middle;
}
.slider-wrapper .list-featured .price-box { text-align:center;padding:3px 0 0 0 ; }
.slider-wrapper .scoller-price .price{font-weight:bold;}
.slider-wrapper .price-label{display:none;}
.slider-wrapper .regular-price .price{color:#B70E0B}

大家可以试试,
首页New Arrivals需要在后台产品管理把 "Set Product As New from Date" 选项中设置一个日期,设置完成后该产品会在设定日期开始显示在首页 New Arrivals。

magento 兰亭模板中首页标签切换三种主要类别的产品图示及代码

买了magento 兰亭模板,将其中自己感觉有用的插件,抽取出来,供大家下载,
以下是首页标签切换三种主要类别的产品图示及代码

附加一个侧边栏中显示卖得最好的商品

代码打包如下:
magento首页标签切换三种主要类型产品代码.zip

调用的语法如下:

<div class="home-bottom">
 <div id="mainmenu">
	<ul id="home-tabs">
	<li><a class="home-active-tab" href="#tab1">Bestsellers</a></li>
	<li><a href="#tab2">Featured Products</a></li>
	<li><a class="last" href="#tab3">Promotion Products</a></li>
	</ul>
 <div>
  <div id="tab1" class="panel">
	<fieldset> <legend>Tab 1 Body</legend> 
    {{block type="bestsellers/list" name="home.bestsellers.list" alias="product_homepage" template="catalog/product/listhome.phtml" }} 
    </fieldset>
  </div>
  <div id="tab2" class="panel">
	<fieldset> <legend>Tab 2 Body</legend> 
    {{block type="catalog/product_list" category_id="34" template="catalog/product/listhome.phtml"}} 
    </fieldset>
  </div>
  <div id="tab3" class="panel">
	<fieldset> <legend>Tab 3 Body</legend>
    {{block type="catalog/product_list" category_id="23" template="catalog/product/listhome.phtml"}} 
    </fieldset>
  </div>
 </div>
</div>

category_id中的目录id,是指将一些特殊的商品放在指定的目录中做作为关注商品和推广商品,如34和23

侧边栏中显示卖得最好的商品的调用语法
<block type="bestsellers/list" name="home.bestsellers.list" alias="product_homepage" template="catalog/product/topdeal.phtml" />

在指定的cms中设置js的引用
  <reference name="head">
        <action method="addItem" ><type>skin_js</type><name>js/scripts.js</name></action>
       <action method="addJs"><script>scriptaculous/slider.js</script></action>
  </reference>

css语法如下:

/* Home Page Tabs */

.home-bottom{width:100%;}

#mainmenu{width:755px; margin-top:8px; float:left}


legend {
	color: #F2F2F2;
}
#banner {


}

.panel {
	clear: both;
	display: none;
    border:1px solid #ddd;
	border-top:none;

}

.panel.active-tab-body {
	display: block;
}
.bar {
	padding: 5px;
	background-color: #3e3e3e;
}

#home-tabs {
	height: 30px;
	list-style: none;
    border:1px solid #ddd;
	border-bottom:none;
}

#home-tabs li {
	float: left;
}

#home-tabs a {
	float: left;
	padding: 2px 8px;
	text-decoration: none;
	color: #000;
	width:234px;
	background:url(../images/sprite_repeat.gif) repeat-x left top; 
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	height:22px;
	line-height:22px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

#home-tabs a:hover{color:#a72d2c; text-decoration:underline;}

#home-tabs a.last{border-right:none;width:235px;}

#home-tabs a.home-active-tab {
	
	background:none;
	border-bottom:none;

}

.products-tab .tab-product-img{float:left; width:90px; }
.products-tab .tab-other-info{float:right; width:150px;}

.cms-home .category-products{padding:10px 0 0 0; }
.cms-home  .products-tab {width:746px; height:106px; margin:5px 0; padding-left:8px; overflow:hidden; border-bottom:1px solid #efefef;}
.cms-home  .products-tab.last{border-bottom:0;}
.cms-home  .products-tab li.item{width:242px; margin:8px 4px 0 0; float:left;}

/* End of Home Page Tabs */

css中涉及的sprite_repeat.gif图片,我就不上传了,哈哈,给大家设置一个小障碍!

如何在Magento的CMS显示指定属性的产品清单

magento的cms中,显示指定目录下的产品清单的语法如下:

{{block type="catalog/product_list" 
    name="product_listing" 
    template="catalog/product/list.phtml" 
    category_id="8" }}

其中category_id中的8是指定的目录id

Magento的CMS显示指定属性的产品清单,首先要下载一个插件,magento connect的地址如下:
http://www.magentocommerce.com/magento-connect/Yoast/extension/1915/yoast-landing-pages
Extension Key 1.0:magento-community/Yoast_Landing_Pages
Extension Key 2.0:http://connect20.magentocommerce.com/community/Yoast_Landing_Pages
代码地址是:http://yoast.com/wp-content/uploads/2010/11/landing_pages.zip
cms中的语法是:

{{block type="Yoast_Filter/Result" 
    name="filter_result" 
    template="catalog/product/list.phtml"  
    attribute_name="color" 
    value="24" 
    category="8" }}

其中color是属性名, 24是属性值,示例链接是:yourmagentoshop.com/f/color/24/ ,f是这个功能的模块名称

xml语法是:

<block type="Yoast_Filter/Result" name="filter_result" template="catalog/product/list.phtml">
<action method="setAttributeName"><attribute_name>color</attribute_name></action>
<action method="setValue"><value>24</value></action>
</block>

原始英文网站可见 :http://yoast.com/landing-pages-module-magento/

在Magento Zencart中添加静态的自定义标签TAB切换效果代码

一直对的标签TAB切换效果很感兴趣,一起自己折腾一个,偶然在网上看到别人写的一段代码,虽说是独立的,用于哪种php的系统都可以如magento zencart,但还是记录一下,想想什么时候转成magento后台定义的.

兼容IE6,7,FF等.

<script type="text/javascript" language="javascript">
//<!CDATA[
function g(o){return document.getElementById(o);}
function HoverLi(n){
//如果有N个标签,就将i<=N;
    for(var i=1;i<=3;i++ )
    {
        g('tb_ '+i).className='tm2';
        g('tbc_0 '+i).style.display='none';
    }
    g('tbc_0 '+n).style.display='block';
    g('tb_ '+n).className='tm1';
}
</script>

<style type="text/css">
#MenuUl li{ float:left; margin-right:8px;
    }
#toptab{ background-image:url(images/tab_bg.jpg);}

.tm2 {
    background-image:url(../images/t2.jpg);
    width:100px;
    height:24px;
    padding-top:3px;
    cursor:hand;
}
.tm1 {
    cursor:hand;
    color:#015071;
    background-image:url(../images/t1.jpg);
    width:100px;
    height:24px;
    padding-top:3px;
} 

</style>

<div id="ind_container">
  <div id="ind_main_index">
    <div id="ind_news">
   <div style="</div>">
    <div onMouseOver ="x:HoverLi(1);" id="tb_1" class="tm1"><strong>新闻动态</strong></div>
    <div onMouseOver ="x:HoverLi(2);" id="tb_2" class="tm2" style="margin-left: 4px;"><strong>业内新闻</strong></div>
      <div onMouseOver ="x:HoverLi(3);" id="tb_3" class="tm2" style="margin-left: 4px;"><strong>业内新闻</strong></div>
    </div>
    <div id="tbc_01" style="display: block;">
     2222222222222222222
          </div>
          <div style="display: none;" id="tbc_02">
 11111111111111111111
          </div>
              <div style="display: none;" id="tbc_03">
3333333333333
          </div>

有了这个,以后方便多了

几种在magento的cms中显示产品的方法

magento有很多种方法在cms显示产品,下面举些例子说明:

1.显示新产品

进入后台->Page->CMS->home page ,content(内容选项)加入:

{{block type=”catalog/product_new” name=”home.catalog.product.new” alias=”product_homepage” template=”catalog/product/new.phtml”}}

(请注意,您必须要确保你的站点有新的产品,要不然首页就没法显示。所谓的新产品不是传统意义上的你最近添加的产品,而是你在发布产品时指定的某个产品在某个时间段内为新产品。)

2.显示全部产品

同理在content里加入:

{{block type=”catalog/product_list” name=”home.catalog.product.list” alias=”products_homepage” template=”catalog/product/list.phtml”}}

3.一个分类的全部产品

同理在content里加入:

{{block type=”catalog/product_list” name=”home.catalog.product.list” alias=”products_homepage” category_id=”4″ template=”catalog/product/list.phtml”}}

category_id为分类的ID,可以在分类列表中查看。

如何减少magento后台语言界面的选项范围和数量

magento后台语言界面中有一堆语言选择项,即可前台支持一堆语种,实际上我们不可能使用那些语种来操作magento的后台,于是想是不是能减少那些选项,有不影响magento的其它正常语言选择,解决及过程如下:
magento后台原始语言界面选择:

修改的缩减后的界面

这样就方便操作了,
修改的代码在
app/code/core/Mage/Adminhtml/Block/Page/Footer.php,
你可将这个代码拷贝到
/app/code/local/Mage/Adminhtml/Block/Page
再进行修改,修改的代码如下:

public function getLanguageSelect()
    {
        $locale  = Mage::app()->getLocale();
        $cacheId = self::LOCALE_CACHE_KEY . $locale->getLocaleCode();

		$oldlocal=$locale->getTranslatedOptionLocales();
		$newlocal=		array();
		foreach($oldlocal as $value)
	    {
    		if($value['value']=='en_GB' || $value['value']=='en_US'  || $value['value']=='zh_CN' )
				$newlocal[]=$value;
	    }

            $html = $this->getLayout()->createBlock('adminhtml/html_select')
                ->setName('locale')
                ->setId('interface_locale')
                ->setTitle(Mage::helper('page')->__('Interface Language'))
                ->setExtraParams('style="width:200px"')
                ->setValue($locale->getLocaleCode())
                ->setOptions($newlocal)
                ->getHtml();
            Mage::app()->saveCache($html, $cacheId, array(self::LOCALE_CACHE_TAG), self::LOCALE_CACHE_LIFETIME);

        return $html;
    }

就是getLanguageSelect这个函数.
减少magento后台语言界面的选项范围和数量,你操作就方便多了,
至于是否一进后台就看到中文界面,如果想做成这样,怕会影响magento本身的环境,想想算了,还是缩减选择范围!