月度归档 2014年6月22日

通过清心醉

html页面新窗口打开

我们常见的,比如点了图片(或者文字)打开

<a herf=”http://www.qingxinzui.com” target=”_black”><imt src=”图片路径”></a>

很简单的一句话

如果要设置尺寸,加上width=”**px”;height=”**px”即可。

最近在弄一个网站,弹出的话,效果不那么好。所以用onclick元素来写

附代码:

<p><a onclick=”window.open (‘http://www.***’, ‘newwindow’, ‘height=580, width=620, top=80,left=200, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no’)” href=”#”> <img title=”Live Chat” src=”http://www.***” alt=”Live Chat” border=”1″ /> </a></p>

有时候会奇怪,用window.open来打开,为何后面还要加href=”#”,有点html基础的人都知道了,这是链接地址;

因为如果使用window.open的话,鼠标移过去不会由指针变手指。

通过清心醉

magento部分页面打开慢

经过一段时间的测试,发现原来是部分JS引用了外链JS文件.导致打开网站部分页面时服务器得下载对应的JS.

点开对应的JS文件URL,下载好加载进去即可.

通过清心醉

magento 新上传产品在分类显示最前

magento的产品在列表页默认是按升序排列,也就是说先添加的产品显示在最前面,这就导致页面上总是看到以前添加的产品,而新添加的却要翻页才能看到。想让最新添加的排最前面需要修改文件,方式如下:

打开文件

\app\code\core\Mage\Catalog\Block\Product\List\Toolbar.php,找到

protected $_direction = ‘asc’;
这个参数就是默认顺序
修改成:
protected $_direction = ‘desc’;
保存。

可是在1.8版本,修改之后,效果根本看不出来

做不到以最后上传时间在最前显示的效果。

至于是后台参数控制没设置对或者其他的,暂时未清楚。

 

但可通过以下思路的方案进行排序

我们知道后台每上传一个产品,都会赋予一个ID值。

而ID值的排序都是自加1的

即最后一个上传的商品,ID一定是最后的那么一个。

所以,显示方式可以根据最后上传的商品,以ID倒序方式进行排前

同样修改当前的Toolbar.php

找到:

$this->_collection->setOrder($this->getCurrentOrder(), $this->getCurrentDirection());

改为:

$this->_collection->setOrder($this->getCurrentOrder(), $this->getCurrentDirection())->setOrder(‘entity_id’, ‘desc’);

即可。

通过清心醉

magento前台显示指定分类产品 模板宽度、翻页的修改

比如想指定某分类ID的产品在首页显示,默认使用一般是list.phtml模板

推荐在home页面上加上

现在很多都是自适应模板,默认实际页面顶多也就1024px,如果直接加上代码,在更大的宽屏(如1680*1050)下,分类产品会跑的很宽,这时加上<div class=”container”></div>,该div为页面宽度的CSS,把分类使用写在里面,就不会跑了。部分模板不一样的话,可以参考下header.phtml模板内的页面宽度<div>即可。

其次

因为使用的是list.phtml模板,页脚可以选择一页显示多少。包括翻页。

可以自己优化下,修改成点击“更多”,跳转到其他页面

修改方法如下:

删除以下内容:

<div class=”toolbar-bottom”>
<?php echo $this->getToolbarHtml() ?>
</div>

然后改成静态块调用,然后在静态块里写上内容。以后要修改,即可直接修改静态块。

通过清心醉

修改magento默认产品的图片大小

产品列表页的产品图片:

文件位置:app\design\frontend\default\您的主题\template\catalog\product\list.phtml

产品详细页产品图片:

文件位置:app\design\frontend\default\您的主题\template\catalog\product\view\media.phtml

相关产品、upsell产品、crosssell产品等图片:

相关产品文件位置:app\design\frontend\default\您的主题\template\catalog\product\list\related.phtml

upsell产品文件位置:app\design\frontend\default\您的主题\template\catalog \product\list\upsell.phtml

crosssell产品文件位置:app\design\frontend\default\您的主题\template\checkout\cart\upsell.phtml

页面边栏购物车产品图片

文件位置:app\design\frontend\default\您的主题\template\checkout\cart\item\default.phtml

文件大概位置汇总完毕,以下是大致代码的修改:

在修改文件内搜索“resize”关键字,

会看到有resize(xxx, xxx); 的函数,为图片大小。至于后面还有一处相同大小的尺寸width=”xx px”; height=”xx px” 为CSS控制的。

总体来说,大致需要修改的就以上两个