<![CDATA[梦想博客-相信自己永远是最棒的]]> http://www.gold98.net/blog/ PJBlog2 2010-03-12T21:27:40+08:00 <![CDATA[magento 布局原理解析（Anatomy of Layout）]]> luckstarzb http://www.gold98.net/blog/ luckstarzb@163.com 2010-03-12T21:27:40+08:00 2010-03-12T21:27:40+08:00 句柄（Handle）

Handle (图1)是一个标识符，决定应用程序要如何通过嵌套的更新处理它。

如果句柄的名称是<default>，然后应用程序知道在加载网店的几乎所有页面之前应该加载此特定页面布局的嵌套更新（我们说'几乎所有的'，因为一些特殊的页面像产品图片弹出窗口就没有加载布局中的<default>句柄）。

如果Magento找到<default>以外的句柄，它将按照指定的句柄中的页面嵌套更新对页面进行处理。例如，<catalog_product_view>包含Product View页面的布局更新，而<catalog_product_compare_index>包含Compare Product 页面的更新布局。句柄作为设计人员设置在网店中的标识符，他不需要广泛的理解 Magento编程，也不应该需要修改。
<block>

Magento通过<block>标记决定页面中的每个区块的行为和视觉表现。在Magento中我们已经提到了两种类型的区块-结构区块（structural blocks）和内容区块（content blocks）。区分这两种区块最好的方式是通过分配给它的标记属性来区分。结构区块通常包含属性'as'，通过这个属性值程序可以与指定的区域（由getChildHtml方法指定）中的模板联系。你会发现在默认布局许多地方出现这个'as'属性，因为默认布局的一个性质就是是建立一个实际的布局，在各个不同的页面中的具体布局上就可以开始增加。例如，在默认布局中，有像‘left’、‘right’、‘content’和‘footer’这些结构区块。并不是说这些区块不能存在于正常的布局更新中，但我们为什么不首先在默认布局中建立这些结构区块，然后在后面每个具体的页面基础上添加内容呢？让我们进一步挖掘<block>的现有属性。

    * type – 这是模块类的标识符，它定义了区块的功能。此属性不应该被修改。
    * name – 这是名称，其他的区块可以通过此名称引用此区块（看图3）。
    * before (and) after – 这两种方法决定内容区块在结构区块中的位置。before="-" 和 after="-"这样的命令标志此区块的位置是一个结构区块的最上方或最下方。
    * template - 这个属性指定的值决定了此区块的功能是使用哪个模板。例如，如果这个属性值指定了'catalog/category/view.phtml'，程序就会载入‘app/design/frontend/template/catalog/category/view.phtml’模板文件。要了解布局是如何通过模板执行的，阅读分步指南建设一个主题。
    * action – <action> 是用来控制前台的功能的，如加载或不加载一个JavaScript。一套完整的action方式将很快推出，但此时的最佳的学习途径是了解现有的布局更新上面的不同Action方法。
    * as – 此属性指定模板文件中会调用那个区块。当您在模板中看到getChildHtml(' block_name ')的PHP方法，可以肯定它指的是引用属性'as'的值为' block_name '的区块。 (例如：在骨架模板中的方法<?=$this->getChildHtml('header')?>是调用<block as=“header”>)

<reference>

<reference>是用来引用另一个区块。要引用灵位一个区块，在内部的更新将应用于与其关联的<block>（见图3）。

要使用引用，可以通过区块中的‘name’属性值引用。此属性的指向标签中'name'属性。所以，如果你使用<reference name="right">，响应的区块名称将是<block name="right">。

图3：


]]> http://www.gold98.net/blog/default.asp?id=1232 <![CDATA[magento之Class Mage_Page_Block_Html_Header]]> luckstarzb http://www.gold98.net/blog/ luckstarzb@163.com 2010-03-12T16:03:27+08:00 2010-03-12T16:03:27+08:00
Varien_Object
   |
   --Mage_Core_Block_Abstract
      |
      --Mage_Core_Block_Template
         |
         --Mage_Page_Block_Html_Header

void  getLogoAlt  ()   //获取logo的提示说明
void getLogoSrc ()    //获取logo的路径URL
void getWelcome ()  //获取欢迎词
void setLogo ( $logo_src,  $logo_alt)   //设置logo的URL和提示说明

这几个相对简单,实例:

程序代码 程序代码

    <div class="header">
        <?php if ($this->getIsHomePage()):?>
        <h1 class="logo"><strong><?php echo $this->getLogoAlt() ?></strong><a href="<?php echo $this->getUrl('') ?>" title="<?php echo $this->getLogoAlt() ?>" class="logo"><img src="<?php echo $this->getLogoSrc() ?>" alt="<?php echo $this->getLogoAlt() ?>" /></a></h1>
        <?php else:?>
        <a href="<?php echo $this->getUrl('') ?>" title="<?php echo $this->getLogoAlt() ?>" class="logo"><strong><?php echo $this->getLogoAlt() ?></strong><img src="<?php echo $this->getLogoSrc() ?>" alt="<?php echo $this->getLogoAlt() ?>" /></a>
        <?php endif?>
        <p class="top-promo" title="<?php echo $this->__('Free Shipping on orders over 50$'); ?>"><?php echo $this->__('Free Shipping on orders over 50$'); ?></p>
        <?php echo $this->getChildHtml('topMenu') ?>
    </div>


$this->__(字符串)   可以理解为直接输出某个字符串

$this->getChildHtml('topMenu') 加载指定的html模块,而这个模板在layout对应的xml文件中有配置,一般为name为topMenu的block元素块

]]> http://www.gold98.net/blog/default.asp?id=1231 <![CDATA[magento 帮助文档]]> luckstarzb http://www.gold98.net/blog/ luckstarzb@163.com 2010-03-12T15:54:03+08:00 2010-03-12T15:54:03+08:00
]]> http://www.gold98.net/blog/default.asp?id=1230 <![CDATA[magento 分析page.xml]]> luckstarzb http://www.gold98.net/blog/ luckstarzb@163.com 2010-03-12T00:34:16+08:00 2010-03-12T00:34:16+08:00
程序代码 程序代码

<?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@magentocommerce.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.magentocommerce.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2009 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
-->
<layout version="0.1.0">
<!--
Default layout, loads most of the pages
-->

    <default translate="label" module="page">
        <label>All Pages</label>
        <block type="page/html" name="root" output="toHtml" template="page/3columns.phtml">

            <block type="page/html_head" name="head" as="head">
                <action method="addJs"><script>prototype/prototype.js</script></action>
                <action method="addJs" ifconfig="dev/js/deprecation"><script>prototype/deprecation.js</script></action>
                <action method="addJs"><script>prototype/validation.js</script></action>
                <action method="addJs"><script>scriptaculous/builder.js</script></action>
                <action method="addJs"><script>scriptaculous/effects.js</script></action>
                <action method="addJs"><script>scriptaculous/dragdrop.js</script></action>
                <action method="addJs"><script>scriptaculous/controls.js</script></action>
                <action method="addJs"><script>scriptaculous/slider.js</script></action>
                <action method="addJs"><script>varien/js.js</script></action>
                <action method="addJs"><script>varien/form.js</script></action>
                <action method="addJs"><script>varien/menu.js</script></action>
                <action method="addJs"><script>mage/translate.js</script></action>
                <action method="addJs"><script>mage/cookies.js</script></action>

                <action method="addCss"><stylesheet>css/widgets.css</stylesheet></action>
                <action method="addCss"><stylesheet>css/styles.css</stylesheet></action>
                <action method="addItem"><type>skin_css</type><name>css/styles-ie.css</name><params/><if>lt IE 8</if></action>

                <action method="addItem"><type>js</type><name>lib/ds-sleight.js</name><params/><if>lt IE 7</if></action>
                <action method="addItem"><type>skin_js</type><name>js/ie6.js</name><params/><if>lt IE 7</if></action>

                <action method="addCss"><stylesheet>css/print.css</stylesheet><params>media="print"</params></action>
            </block>

            <block type="core/text_list" name="after_body_start" as="after_body_start"/>

            <block type="page/html_notices" name="global_notices" as="global_notices" template="page/html/notices.phtml" />

            <block type="page/html_header" name="header" as="header">
                <block type="page/template_links" name="top.links" as="topLinks"/>
                <block type="page/switch" name="store_language" as="store_language" template="page/switch/languages.phtml"/>
                <block type="core/text_list" name="top.menu" as="topMenu"/>
                <block type="page/html_wrapper" name="top.container" as="topContainer" translate="label">
                    <label>Page Header</label>
                    <action method="setElementClass"><value>top-container</value></action>
                </block>
            </block>

            <block type="page/html_breadcrumbs" name="breadcrumbs" as="breadcrumbs"/>

            <block type="core/text_list" name="left" as="left" translate="label">
                <label>Left Column</label>
            </block>

            <block type="core/messages" name="global_messages" as="global_messages"/>
            <block type="core/messages" name="messages" as="messages"/>

            <block type="core/text_list" name="content" as="content" translate="label">
                <label>Main Content Area</label>
            </block>

            <block type="core/text_list" name="right" as="right" translate="label">
                <label>Right Column</label>
            </block>

            <block type="page/html_footer" name="footer" as="footer" template="page/html/footer.phtml">
                <block type="page/html_wrapper" name="bottom.container" as="bottomContainer" translate="label">
                    <label>Page Footer</label>
                    <action method="setElementClass"><value>bottom-container</value></action>
                </block>
                <block type="page/switch" name="store_switcher" as="store_switcher" template="page/switch/stores.phtml"/>
                <block type="page/template_links" name="footer_links" as="footer_links" template="page/template/links.phtml"/>
            </block>

            <block type="core/text_list" name="before_body_end" as="before_body_end"/>
        </block>

        <block type="core/profiler" output="toHtml" name="core_profiler"/>
    </default>

    <print translate="label" module="page">
        <label>All Pages (Print Version)</label>
        <!-- Mage_Page -->
        <block type="page/html" name="root" output="toHtml" template="page/print.phtml">

            <block type="page/html_head" name="head" as="head">
                <action method="addJs"><script>prototype/prototype.js</script></action>
                <action method="addJs"><script>mage/translate.js</script></action>
                <action method="addJs"><script>prototype/validation.js</script></action>
                <action method="addJs"><script>varien/js.js</script></action>

                <action method="addCss"><stylesheet>css/widgets.css</stylesheet></action>
                <action method="addCss"><stylesheet>css/styles.css</stylesheet></action>
                <action method="addItem"><type>skin_css</type><name>css/styles-ie.css</name><params/><if>lt IE 8</if></action>
                <action method="addCss"><stylesheet>css/print.css</stylesheet><params>media="print"</params></action>

                <action method="addItem"><type>js</type><name>lib/ds-sleight.js</name><params/><if>lt IE 7</if></action>
                <action method="addItem"><type>skin_js</type><name>js/ie6.js</name><params/><if>lt IE 7</if></action>

            </block>

            <block type="core/text_list" name="content" as="content" translate="label">
                <label>Main Content Area</label>
            </block>

        </block>
    </print>

     <!-- Custom page layout handles -->
    <page_empty translate="label">
        <label>All Empty Layout Pages</label>
        <reference name="root">
            <action method="setTemplate"><template>page/empty.phtml</template></action>
            <!-- Mark root page block that template is applied -->
            <action method="setIsHandle"><applied>1</applied></action>
        </reference>
    </page_empty>

    <page_one_column translate="label">
        <label>All One-Column Layout Pages</label>
        <reference name="root">
            <action method="setTemplate"><template>page/1column.phtml</template></action>
            <!-- Mark root page block that template is applied -->
            <action method="setIsHandle"><applied>1</applied></action>
        </reference>
    </page_one_column>

    <page_two_columns_left translate="label">
        <label>All Two-Column Layout Pages (Left Column)</label>
        <reference name="root">
            <action method="setTemplate"><template>page/2columns-left.phtml</template></action>
            <!-- Mark root page block that template is applied -->
            <action method="setIsHandle"><applied>1</applied></action>
        </reference>
    </page_two_columns_left>

    <page_two_columns_right translate="label">
        <label>All Two-Column Layout Pages (Right Column)</label>
        <reference name="root">
            <action method="setTemplate"><template>page/2columns-right.phtml</template></action>
            <!-- Mark root page block that template is applied -->
            <action method="setIsHandle"><applied>1</applied></action>
        </reference>
    </page_two_columns_right>

    <page_three_columns translate="label">
        <label>All Three-Column Layout Pages</label>
        <reference name="root">
            <action method="setTemplate"><template>page/3columns.phtml</template></action>
            <!-- Mark root page block that template is applied -->
            <action method="setIsHandle"><applied>1</applied></action>
        </reference>
    </page_three_columns>
</layout>



这一段：

程序代码 程序代码

<block type="page/html_head" name="head" as="head">
                <action method="addJs"><script>prototype/prototype.js</script></action>
                <action method="addJs" ifconfig="dev/js/deprecation"><script>prototype/deprecation.js</script></action>
                <action method="addJs"><script>prototype/validation.js</script></action>
                <action method="addJs"><script>scriptaculous/builder.js</script></action>
                <action method="addJs"><script>scriptaculous/effects.js</script></action>
                <action method="addJs"><script>scriptaculous/dragdrop.js</script></action>
                <action method="addJs"><script>scriptaculous/controls.js</script></action>
                <action method="addJs"><script>scriptaculous/slider.js</script></action>
                <action method="addJs"><script>varien/js.js</script></action>
                <action method="addJs"><script>varien/form.js</script></action>
                <action method="addJs"><script>varien/menu.js</script></action>
                <action method="addJs"><script>mage/translate.js</script></action>
                <action method="addJs"><script>mage/cookies.js</script></action>

                <action method="addCss"><stylesheet>css/widgets.css</stylesheet></action>
                <action method="addCss"><stylesheet>css/styles.css</stylesheet></action>
                <action method="addItem"><type>skin_css</type><name>css/styles-ie.css</name><params/><if>lt IE 8</if></action>

                <action method="addItem"><type>js</type><name>lib/ds-sleight.js</name><params/><if>lt IE 7</if></action>
                <action method="addItem"><type>skin_js</type><name>js/ie6.js</name><params/><if>lt IE 7</if></action>

                <action method="addCss"><stylesheet>css/print.css</stylesheet><params>media="print"</params></action>
            </block>


在<head>部分引用js和css文件，其中还引用了addItem来条件引用css和js，形成了下面的效果：

程序代码 程序代码

<link rel="stylesheet" type="text/css" href="http://127.0.0.1:81/skin/frontend/base/default/css/widgets.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://127.0.0.1:81/skin/frontend/default/default/css/styles.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://127.0.0.1:81/skin/frontend/default/default/css/print.css" media="print" />
<script type="text/javascript" src="http://127.0.0.1:81/js/prototype/prototype.js"></script>

<script type="text/javascript" src="http://127.0.0.1:81/js/prototype/validation.js"></script>
<script type="text/javascript" src="http://127.0.0.1:81/js/scriptaculous/builder.js"></script>
<script type="text/javascript" src="http://127.0.0.1:81/js/scriptaculous/effects.js"></script>
<script type="text/javascript" src="http://127.0.0.1:81/js/scriptaculous/dragdrop.js"></script>
<script type="text/javascript" src="http://127.0.0.1:81/js/scriptaculous/controls.js"></script>
<script type="text/javascript" src="http://127.0.0.1:81/js/scriptaculous/slider.js"></script>
<script type="text/javascript" src="http://127.0.0.1:81/js/varien/js.js"></script>
<script type="text/javascript" src="http://127.0.0.1:81/js/varien/form.js"></script>
<script type="text/javascript" src="http://127.0.0.1:81/js/varien/menu.js"></script>

<script type="text/javascript" src="http://127.0.0.1:81/js/mage/translate.js"></script>
<script type="text/javascript" src="http://127.0.0.1:81/js/mage/cookies.js"></script>
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="http://127.0.0.1:81/skin/frontend/default/default/css/styles-ie.css" media="all" />
<![endif]-->
<!--[if lt IE 7]>
<script type="text/javascript" src="http://127.0.0.1:81/js/lib/ds-sleight.js"></script>
<script type="text/javascript" src="http://127.0.0.1:81/skin/frontend/base/default/js/ie6.js"></script>
<![endif]-->




其中<type>skin_js</type> <type>skin_css</type>让人费解，不过也能自圆其说，就是指定js和css的路径。一个默认的，这个即非默认的。

http://127.0.0.1:81/skin/frontend/base/default/js/ 

而默认的则是：

http://127.0.0.1:81/js

]]> http://www.gold98.net/blog/default.asp?id=1229 <![CDATA[Magento模板设计 建立主题的步骤]]> luckstarzb http://www.gold98.net/blog/ luckstarzb@163.com 2010-03-11T23:35:42+08:00 2010-03-11T23:35:42+08:00
   1. 模板（Templates）
   2. 布局（Layouts）
   3. 区块（Blocks）
   4. 皮肤（Skins） (images, CSS and block-specific Javascript)

要为Magento网店建立一个主题，下面是你要操作的其中一些步骤：
第一步：关闭系统缓存(Disable your system cache)

为了让Magento系统执行一个完整的过程，需要在后台先禁用系统缓存（http://yourhost.com/admin）和System -> Cache Management。在All Cache中选择Disable，然后点击保存。这样做将确保您可以在网店中看到实时更改的反映。
第二步：确定你网店可能使用的所有结构类型

甚至在你开始创建的商店的标记之前，您首先需要问一下自己要为你的网店的每个页面结构定义好一个页面类型。你自己可能会列一个类似于下面的清单：

    * 主页将使用三栏结构three column structure。
    * 分类列表页面使用两栏结构并带一个有侧栏two column structure that includes a right column。
    * 客户页面使用两栏结构并带一个左侧栏two column structure that includes a left column.

骨架模板（Skeleton template）

当你完成了这个清单之后，你会为每个结构类型建立(X)HTML并在app/design/frontend/your_interface/your_theme/template/page/下保存这些骨架模板。一个骨架模板就是包含一个页面的总体结构（除的块），是为每个结块区块定义好了总体结构。

骨架模板例子：

浏览上面的简单骨架模板，你会注意到每个表现的标记中有一个PHP方法getChildHtml()?>。这就是Magento将结构区块加载到骨架模板中的方法，并且决定了内容区块在商店页面中的显示位置。

每个getChildHtml都会调用一个名称<div class="header"><?=$this->getChildHtml('header')?></div>，这些名称是在布局中结构区块的唯一标识。骨架模板通过布局应用到商店中。
第三步： 根据功能性修剪你的(X)HTML

一旦您建立您的骨架模板，您现在需要创建的模板每个内容块。
Magento喜欢有意义模板

您将需要削减你的页面的(X)HTML标记，并根据每个标记为页面提供功能。举例来说，如果你有mini-cart区的设计，此区域的标记将有用于这个区域的自己的模板文件。同时产品标签，newsletter，注册等...所有这些功能Magento都已经配备了，因此您可以参考现有的模板标记来建立您的标记逻辑。
哪里保存模板

图 5

商店中的每个页面的所有标记（包含一系列的模板）都是表示一个模块的功能。当你想修改一个页面调用的模板，可以他开Template Path提示。要打开这个功能，按下面操作：
1. 进入后台，到System -> Configuration
2. 在右上角的Website/Store选择器中选择你的商店
3. 然后选择左侧栏的Developer标签，并在Template Path Hints中选择Yes
当您完成后，回到商店前台，重新加载您的网页，您将会看到所有模板块的路径。要更改标记的话，根据显示的路径找到并修改响应的模板。
第四步：改变布局以适应你的设计

一旦您修改一些标记，你可能想移动一下这些模板看看这些模板修改的效果是什么样的。
如何找到布局文件

要访问布局文件，可以在app/design/frontend/your_interface/your_theme/layout/找到。就像模板文件一样, 布局文件也是基于每个模块的方式存储的，这样你就可以方便的按模板提示来进行修改。首先，激活模板提示，刷新要修改的页面，找寻模板提示的模板路径。比如你想移动mini cart，参考模板路径(例如:app/design/frontend/default/default/checkout/cart/sidebar.phtml)，用主题文件夹里第一个文件夹名（字体加重的那个）来寻找相关布局文件。在这个例子里，我们要寻找'checkout.xml'来修改mini cart的位置。
默认布局（Default Layout）和布局更新（Layout Updates）

一共有两种布局：默认（default）和更新（updates）。一个默认布局(例如page.xml)是默认应用到网店每个页面的布局。所有其他的布局文件都是更新布局，也就是在默认布局基础上进行响应的更新布局。

让我们举例说明一下骨架模板（skeleton template):
在默认布局里，你已经设置为三栏结构，就是说，默认几乎所有的页面都是三栏结构。但是在产品页面并不需要三栏，对产品页面来说，你需要一个包括右侧栏的两栏结构布局。为了实现这一点，你不用理默认布局，只要打开catalog.xml文件，你可以在里面修改一些你要实现包含右侧栏的两栏布局命令。这就是所谓更新了一个布局（updating a layout）。


<reference name="root">

      <action method="setTemplate"><template>page/2columns-right.phtml</template></action>

</reference>

让我们看看另外一个例子：

默认情况下，你想订阅newsletter区块显示在有侧栏，但在客户的帐户页面不显示它。在这种情况下，你可以需要打开customer.xml文件，在里面你可以删除了newsletter内容区块，这就让此页面不包括此newsletter功能。]]> http://www.gold98.net/blog/default.asp?id=1228 <![CDATA[升级你的模板,让Magento1.4用上以前的模板]]> luckstarzb http://www.gold98.net/blog/ luckstarzb@163.com 2010-03-11T22:48:44+08:00 2010-03-11T22:48:44+08:00
Obviously I cannot cover here all the possible problems and issues that may arise when upgrading your particular template to be compatible with Magento 1.4. However, I found that the most common issue is “Categories not working after upgrading to 1.4″. This relates to the error people get when clicking on some categories: “Error processing your request” followed by a number.

To fix that, you’ll need to do 2 things:

1. First, edit your toolbar.phtml file located under app/design/frontend/default/yourthemename/template/catalog/product/list. Take the updated toolbar.phtml from the new 1.4 default theme (located under app/design/frontend/base/default/template/catalog/product/list) and use it in your theme. Then edit that file to apply any styling you had in your original toolbar.phtml file. Another way of doing it is editing your toolbar.phml file to use the right class names and code (you can compare with the default one and take it from there).

2. Second, open catalog.xml located under app/design/frontend/default/yourthemename/layout/ and find this line:

   1. <block type=”catalog/product_list_toolbar” name=”product_list_toolbar” template=”catalog/product/list/toolbar.phtml”>


And underneath insert this code:

   1. <block type=”page/html_pager” name=”product_list_toolbar_pager”/>


And that should do it!

刚开始发的时候因为英文比较简单就没有翻译..
   现在大概翻译一下.
现在大部分的模板都不能用在magento 1.4下.最常见的问题是分类报错.
报错信息一般为Error processing your request;
只需要两部,就可以修复这个问题.
1.更新你的toolbar.phtml
这个文件在app/design/frontend/default/yourthemename/template/catalog/product/list下面
如果没有,你可以从magento 1.4的默认模板下面复制过来app/design/frontend/base/default/template/catalog/product/list
另外一种做法是编辑你的toolbar.phtml使用正确的类名和代码.你可以对比一下以前的toolbar.phtml和1.4的toolbar.phtml有什么不同,再做修改.
2. 在app/design/frontend/default/yourthemename/layout/下打开catalog.xml
找到这一行:

   1. <block type=”catalog/product_list_toolbar” name=”product_list_toolbar” template=”catalog/product/list/toolbar.phtml”>

更换成:

   1. <block type=”page/html_pager” name=”product_list_toolbar_pager”/>

okay   现在你可以看下你的magento 1.4模板工作没有.

]]> http://www.gold98.net/blog/default.asp?id=1227 <![CDATA[How to install magento free themes]]> luckstarzb http://www.gold98.net/blog/ luckstarzb@163.com 2010-03-11T22:39:20+08:00 2010-03-11T22:39:20+08:00
The first thing to do after you’ve installed Magento is to check out the files in skin/frontend/default : you won’t find much here except the stylesheet and a few images. This is the directory of your frontend but you should read carefully the concepts behind Magento’s implementation of design and layout. Much more complex than the usual single folder theme system one can find in wordpress for instance, Magento’s design process works with four types of instances :

    * Layout ( app/design/frontend/your_interface/your_theme/layout/)
      These are basic XML files that define block structure for different pages as well as control META information and page encoding.For in-depth look into layouts, read Intro to Layouts)
    * Templates (located in app/design/frontend/your_interface/your_theme/template/)
      These are PHTML files that contain (X)HTML markups and any necessary PHP tags to create logic for visual presentation.
    * Locale (located in app/design/frontend/your_interface/your_theme/locale/)
      Theses are simple text documents organized on a per language basis that contain translations for store copy.
    * Skins (located in skin/frontend/your_interface/your_theme/)
      These are block-specific Javascript and CSS and image files that compliment your (X)HTML.

This article covers only the installation of a free theme, that can be found under the community section of the Magento Connect pages. Get the extension key (an url) of the thme you’like to try and type that in your own extension manager that Magento provides in the backend ( admin / system / Magento Connect / Magento Connect Manager). The first installation of any extension might look frightening because the manager will perform all sorts of necessary upgrades and dependencies to your installation or extension (in that case, a theme). Version 1.1.8 on xampp did the job right but I remember being put off on previous versions after a failed extension download. Once you’ve see the green screen messages rolling down like a Unix console you’ll be delighted to be greeted by a nice success message “Procedure completed. Please check the output frame for useful information and refresh the page to see changes.”

Once you’ve passed the 2 minutes that the procedure above requires, go back to the admin and follow the simple instructions to change your theme, as described in Magento’s design guide. Go to System/ Configuration / Design and type the name of your theme under the theme section : save, job done.

Be naughty : try another extension ! This nice and quick experience took me to other extensions such as the french language pack : I was happily suprised to find out that the installation of this extension automatically turns the whole shop to french. Reversing to english was then as easy as going back to the  admin / system / configuration / general / local options / locale setting. Of course that only impacts magento ’s front end setting : the back end language can be switched any time froms the language selected in the admin footer.

改天再来翻译]]> http://www.gold98.net/blog/default.asp?id=1226 <![CDATA[magento 模板主题安装]]> luckstarzb http://www.gold98.net/blog/ luckstarzb@163.com 2010-03-11T22:34:41+08:00 2010-03-11T22:34:41+08:00
###### 认识magento主题第一步

首先我们来看下magento主题文件的存放规则

主题文件路径一般为

app/design/frontend/主题包所在文件夹/主题文件所在文件夹/layout+locael+template

skin/frontend/主题包所在文件夹/主题文件所在文件夹/css+images+js

###### 认识magento主题第二步

当我们新安装好一个magento的时候，magento使用default主题包中的default主题文件路径如下

app/design/frontend/default/default

skin/frontend/default/default

红色部分为主题包的名字“default”

蓝色部分为主题文件夹的名字“default”

因为default主题是magento的默认设置，所以在后台的设置中留空就是设置为default

###### 认识magento主题第三步

我们来看后台

system—>configration—->general—>design

若要使用的主题文件路径如下,后台的设置便如下图所示

app/design/frontend/default/blank

skin/frontend/default/blank

###### 认识magento主题第四步

当你购买到一个新的magento主题的时候，他的主题包的名字可能是blank，他的文件路径可能是如下的样子

app/design/frontend/blank/theme039

skin/frontend/blank/theme039

则后台的设置的时候，主题文件包的名字是“blank”，主题文件夹的名字是“theme039”

##注意

若你的主题包中有如下的文件

app/design/frontend/blank/default

skin/frontend/blank/default

后台的 design—>theme 的 设置的最后一项"Default"出，最好填写“default”这个主题文件的名字

 
###### 认识magento主题第四步

当你购买到一个新的magento主题的时候，他的主题包的名字可能是blank，他的文件路径可能是如下的样子

app/design/frontend/blank/theme039

skin/frontend/blank/theme039

则后台的设置的时候，主题文件包的名字是“blank”，主题文件夹的名字是“theme039”

##注意

若你的主题包中有如下的文件

app/design/frontend/blank/default

skin/frontend/blank/default

后台的 design—>theme 的 设置的最后一项"Default"出，最好填写“default”这个主题文件的名字

 

 

###### 认识magento主题第四步

当你购买到一个新的magento主题的时候，他的主题包的名字可能是blank，他的文件路径可能是如下的样子

app/design/frontend/blank/theme039

skin/frontend/blank/theme039

则后台的设置的时候，主题文件包的名字是“blank”，主题文件夹的名字是“theme039”

##注意

若你的主题包中有如下的文件

app/design/frontend/blank/default

skin/frontend/blank/default

后台的 design—>theme 的 设置的最后一项"Default"出，最好填写“default”这个主题文件的名字

 

 

转载标明出处：hellokeykey.com 右兜钥匙
 

出处：右兜钥匙
]]> http://www.gold98.net/blog/default.asp?id=1225 <![CDATA[magento的安装]]> luckstarzb http://www.gold98.net/blog/ luckstarzb@163.com 2010-03-11T22:32:55+08:00 2010-03-11T22:32:55+08:00
在安装过程中,访问的URL要设置域名或IP访问形式,我第一次安装使用了localhost,结果导致安装成功,无法登录管理后台(用户名和密码没有错,但不会进行任何操作);相对于本机而言,我们可以直接使用127.0.0.1来访问.

数据库我们可以事先建好,然后系统安装过程会自动建好相关表.]]> http://www.gold98.net/blog/default.asp?id=1224 <![CDATA[Ebay API SDK ToolKit download]]> luckstarzb http://www.gold98.net/blog/ luckstarzb@163.com 2010-03-09T00:30:02+08:00 2010-03-09T00:30:02+08:00

http://developer.ebay.com/developercenter/javascript/toolkit/

http://developer.ebay.com/developercenter/flex/toolkit/

桌面程序只能满足80%左右的需求;而web本身是可以100%满足的,我们现在用80%+20%来实现; 像自动输出出货报表,回复客户邮件,输出财务和销售报表,这些用web就行了.毕竟web在显示分页数据时要比Datagrid 或listview强多了. 至于报表, html加上flash flex 的配合,哈哈,没得说.

过年一个经济危机,一个雪灾,导致了整个行业的一次小洗牌; 由于物流没有把握好,很多买家无法收到货,加上国内物流本身就不昨的,客户投诉太多太高,很多卖家无耐的叫停. 不过今年Ebay有了大改变,也许开始全部推向中国市场(个人觉得是让中国人往里钻,帮她赚更多的钱,做Ebay本身的80%就是帮ebay赚钱,这还不说,出点小状况,随时拿你开刀,才不管你有没有贡献呢,不过一般的她可能也看不上,至少要做到中型卖家,才有出头之日). 最大的改变是不用认证也可以卖东西,估计用户量会大增,不过很多都是菜鸟级人物,亏钱能做下来就不错了. 当然懂行的就不在话下,哪个不是三五个,十来个帐号的. 另外就是新号的分数限制(21),这个也不多说了,只是希望Ebay在中国的道路不过过快的重蹈淘宝的覆辙.(不是说淘宝的坏话,她在中国毕竟最成功的,也养活了不少人,只是上面很多东西都是恶性竞争,这也是没有办法的事,中国人太多,素质也参差不齐，为了市场，拼个你死我活再所难免）]]> http://www.gold98.net/blog/default.asp?id=1223