엑스샵에 대해 알아보세요

추천(무료): ecshop 튜토리얼

저는 EC 초보자입니다. EC가 아무리 많은 템플릿을 만들어도 우리의 요구 사항을 충족할 수는 없습니다. 따라서 EC에서 통합한 템플릿은 우리 업계에서 사용하기에 적합하지 않을 수 있습니다. 따라서 템플릿을 직접 만들고 수정하는 기술을 숙지해야만 진정으로 우리에게 적합한 전자상거래 플랫폼을 만들 수 있습니다. 고객이 익숙한 전자상거래 플랫폼을 우리 업계에 맞게 만듭니다.

우선, ECshop을 사용해 주신 모든 분들을 환영합니다! EC는 얼마나 좋은가요? ECshop은 PHP로 구축되었습니다. PHP 애플리케이션에 대해 더 이상 말하고 싶지 않습니다(Amazon: http://www.020jz.org/, Yahoo: yahoo.com, Baidu: baidu.com Taobao: http). :/ /www.020jz.org/Sina: sina.com, Tencent: qq.com), (ps: ECshop 성공! 지금 이 순간 그는 위대한 전자상거래의 계승자입니다. 그는 혼자 싸우고 있는 것이 아닙니다. 혼자가 아닙니다 -_-!!!) 자세히 설명하지는 않겠습니다. 모두가 알고 있지만 때로는 다이빙을 좋아하고 정말 도울 수 없어서 뛰쳐 나와 몇 마디 말하겠습니다.

　이 튜토리얼은 이해에 적합합니다. ECshop 및 ECshop 템플릿 DIY 및 일상 사용, 보기 전에 최소한 하나의 편집기(exp: Dreamweaver, editplus, emacs, vi, ee...즉 시각적 HTML 편집기 또는 직접 텍스트 편집기를 의미함)를 사용해야 합니다. Dreamwaver의 경우 초보자나 디자이너에게 더 적합합니다. 이 튜토리얼은 현재 저 혼자서 관리하고 있지만, 머지않아 많은 분들이 계속해서 관리하게 되리라 믿습니다. 콘텐츠는 지속적으로 업데이트되어야 합니다. 참여에 관심이 있으시면 저에게 메시지를 보내주세요. 모두 함께 봉사합시다.

이 튜토리얼을 공부하고, 시청하면서 따라만 한다면, 자신만의 템플릿을 만드는 법을 확실히 배울 수 있을 것입니다. :)

　다음 장은 ECshop 프로그램에 적용됩니다. 동시에 여기에 있는 많은 콘텐츠는 일부 Smarty와 관련이 있습니다. 해당 내용을 이미 숙지하신 분은 건너뛰셔도 됩니다. ECshop을 처음 사용하고 자신만의 매장을 DIY하고 싶다면 이 장을 처음부터 끝까지 주의 깊게 읽어야 합니다. ( ps: 긴장하지 마세요. 최선을 다해 인간의 언어로 소통하겠습니다. 최후의 수단으로 기계어로만 보여드리겠습니다.) 모두가 이 튜토리얼을 통과하고 원하는 템플릿을 만들 수 있기를 바랍니다. 원하다. 하하! 함께 열심히 합시다!

1장:

다음 내용을 읽으면 다음 내용을 이해할 수 있습니다.

템플릿 저장 경로: ecshop/themes/xxxxx 여기서 xxxxx는 특정 템플릿 집합입니다. 예를 들어 시스템은 일반적으로 default라는 템플릿 파일과 함께 제공됩니다. , (예: ecshop/themes/default) 다음 지침은 모두 기본 템플릿에 대한 것입니다.

　임의의 gif 사진을 찾아 이름을 logo.gif로 지정하고 이미지 디렉토리에 넣은 다음 홈페이지를 새로 고칩니다. 그거 봤어? 홈페이지 로고가 수정되었습니다. 크기가 부적절하다고 생각되면 라이브러리 디렉터리에 있는 page_header.lib를 열어 소스 코드를 확인한 다음, Images/logo.gif를 검색하고 그 뒤를 살펴보고 width="130″ height="56″을 찾아 130으로 변경합니다. 56에 해당하는 값이 충분합니다. 프런트 데스크에 가서 새로 고침하세요. 브라우저를 새로 고쳐 페이지에 변경 사항이 있는지 확인하세요. 새우? 찾지 못하셨나요? 브라우저 헤더 좀 보세요 ㅎㅎ, 홈페이지 제목이 바뀌었나요?

하하, 네, {$page_title}은 웹사이트 제목의 태그입니다(참고: 태그는 {로 시작하고 }로 끝나며, { 및 }는 태그의 일부입니다). 웹사이트 콘텐츠와 데이터의 동적 표시를 하나씩 제어합니다.

　예를 들어

({$keywords})는 웹사이트의 키워드 태그를 제어합니다.

　{$description}: 웹사이트 설명 태그(이것은 템플릿의 태그이며 각 태그는 프로그램이 실행되고 웹사이트가 실행됩니다. 템플릿 엔진은 템플릿 페이지를 읽은 다음 해당 태그를 해당 값으로 대체하고 표시되는 웹사이트 페이지가 표시됩니다. 이 내용은 초보자에게는 완전하지 않을 수 있습니다. 질문이 있으시면 메시지 남겨주세요 여기에 업데이트하겠습니다) 걱정하지 마세요 서두르면 낭비가 됩니다 ㅎㅎ 이제 본격적으로 ECshop 템플릿 만들기에 들어갑니다. (HTML을 모르는 분들은 드림위버를 준비하세요)

전제조건, 현재 사용하고 있는 템플릿을 기본 템플릿으로 조정한 후 캐시를 삭제하세요.

다음으로 기본 디렉토리를 입력하면 다음 파일 디렉토리를 볼 수 있습니다:

*.dwt (다른 .dwt 파일을 나타냄)

Xiami? 이것이 템플릿이라는 것을 믿지 못하시나요? 자, 증명해 보겠습니다.

이미지의 logo.gif 파일 이름을 logo2.gif로 변경한 다음

자, 그러면 Dreamweaver를 사용하여 소스 코드에서 index.dwt 파일을 엽니다. {$page_title}을 검색하고 찾은 후 {$page_title}을 "Super Invincible Hypermarket"으로 변경한 다음

가세요. 아주 간단해요 8, 하하, 다들 정말 똑똑해요, Kong Ming이 환생했군요. 배울 수 있습니다. 너무 빨리, 한 단계의 작업이 매우 간단하다면 다음 학습 단계는 동일할 것입니다. 광고 후에 계속됩니다.

...황금 광고 공간...구매를 환영합니다...필요하다면 메시지를 보내주세요...(PS: 사람들은 이렇게 뻔뻔할 수가 없습니다)...하하...

1. /themes/default 디렉토리로 이동하여 Rename index를 넣습니다. dwt를 index_bak.dwt로 변환한 다음 Dreamweaver를 사용하여 새 HTML 파일을 만든 다음 /themes/default 디렉토리에 저장하고 이름을 index.dwt로 지정합니다. 좋습니다. 프런트 데스크를 새로 고치고 확인해 보겠습니다. 하하, 아무것도 없습니다. , 새로 생성된 index.dwt에서 사이의 내용을 {$page_title}, 프론트 데스크를 새로 고치고 무엇이 보이나요? 웹사이트 제목이 인쇄되어 있나요?

작업 중에 대화 상자가 나타나면:

확인을 클릭하세요. :)

2. 다음으로 편집할 시각적 인터페이스를 선택합니다. 그런 다음 {$page_title} 뒤에 Enter 키를 눌러 줄을 변경하고 다음을 입력합니다. 매장 공지사항 : {$shop_notice} 브라우저로 가셔서 홈페이지 새로고침 하시면 보실 수 있어요 ㅎㅎ. 스토어 공지가 호출되었습니다.

시스템 설정->스토어 설정->온라인 스토어 정보->스토어 공지로 이동하여 내용을 수정한 후 브라우저로 이동하여 홈페이지를 새로 고칠 수 있습니다. ㅋㅋㅋ 매장 공지가 동적으로 빠졌네요

3. 그러니 계속해서 {$shop_notice} 키를 눌러 줄을 바꾸고 　

1. 网站快讯：     2. {foreach from=$new_articles item=article}       3. {$article.short_title}       4. {/foreach}

참고:

노트 : : {foreach from = $ new_articles item = article} : 루프의 시작,

于是就变成了下面的样子

1. <p>商品列表</p>       2. <table width=”70%” border=”1″>       3.   <tr>       4.     <td>1</td>       5.   </tr>       6. </table>

好，现在我们开始加循环标签，我们要调用的是精品推荐商品, 代码如下:

1. <p>商品列表</p>       2. <table width=”70%” border=”1″>       3.   <tr>       4. {foreach from=$best_goods item=goods}       5.     <td>{$goods.short_style_name}</td>       6. {/foreach}       7.   </tr>       8. </table>

注意了：foreach 表示下面的内容属于要进行循环，from=$best_goods 表示循环的内容来自$best_goods,($best_goods是精品商品推荐的标签 ) , item=goods 表示当前循环这一次的对象叫goods,你也可以改为其它的东东，当然{$goods.short_style_name}这个地方的goods也要相应的改了哦,{$goods.short_style_name} 表示goods 这个对象的商品名称. 好了，我们保存，前台刷新看一下啊。呵呵，精品商品被循环出来了吧？

接着，为了大家应用方便，我们把goods改为jingpinshangpin,代码如下：

1. <p>商品列表</p>       2. <table width=”70%” border=”1″>       3.   <tr>       4. {foreach from=$best_goods item=jingpinshangpin}       5.     <td>{$jingpinshangpin.short_style_name}</td>       6. {/foreach}       7.   </tr>

好前台刷新看看哦，呵呵，夷？如果你有很多的精品商品你会发现商品变了，因为精品商品是随机调取出来的.

好我们继续完善他，给它加上链接对应商品的链接,也就是添加属性, 代码如下：

1. <p>商品列表</p>       2. <table width=”70%” border=”1″>       3.   <tr>       4. {foreach from=$best_goods item=jingpinshangpin}       5.     <td><a href=”{$jingpinshangpin.url}”>{$jingpinshangpin.short_style_name}</a></td>       6. {/foreach}       7.   </tr>       8. </table>

刷新浏览器，点击链接看看链接到什么地方去了哦。呵呵! 链接到了每个产品自己的页面了呢。 说明：标签 {$jingpinshangpin.url} 就是精品商品的商品链接的标签了，但是要记得哦，$jingpinshangpin 是你起的名字哦，item=$jingpinshangpin的这个 $jingpinshangpin改变了的话,这里也要跟着改变。

接下来我们添加上商品的图片哦 ,也就是增加一个属性 ,代码如下：

1. <p>商品列表</p>       2. <table width=”70%” border=”1″>       3.   <tr>       4. {foreach from=$best_goods item=jingpinshangpin}       5.     <td><a href=”{$jingpinshangpin.url}”><img src=”{$jingpinshangpin.thumb}” border=”0″ /><br>{$jingpinshangpin.short_style_name}</a></td>       6. {/foreach}       7.   </tr>       8. </table>

到前台刷新浏览器看看看，呵呵，商品缩略图也被调出来了。

说明：标签 {$jingpinshangpin.thumb} 就是精品商品的缩略图的标签了，但是要记得哦，$jingpinshangpin 是你起的名字哦，item=$jingpinshangpin的这个 $jingpinshangpin改变了的话,这里也要跟着改变。

如果你已经熟练理解和掌握了以上的步骤，那么下面就越来越清晰和容易了。

接下来我们调取新品上市(标签为: $new_goods ）和热卖商品( 标签为：$hot_goods) ，接着在刚才的代码后面加上去就是了。我就不多讲了哦，代码如下

1. <p>新品上市</p>       2. <table width=”70%” border=”1″>       3. <tr>       4. {foreach from=$new_goods item=xinpinshangshi}       5. <td><a href=”{$xinpinshangshi.url}”><img src=”{$xinpinshangshi.thumb}” border=”0″ /><br>       6. {$xinpinshangshi.short_style_name}</a></td>       7. {/foreach}       8. </tr>       9. </table>       10.       11. <p>热卖商品</p>       12. <table width=”70%” border=”1″>       13. <tr>       14. {foreach from=$hot_goods item=remaishangpin}       15. <td><a href=”{$remaishangpin.url}”><img src=”{$remaishangpin.thumb}” border=”0″ /><br>       16. {$remaishangpin.short_style_name}</a></td>       17. {/foreach}       18. </tr>       19. </table>

接着我们要一个Menu菜单，也就是做一个产品的分类列表出来。相信你现在至少知道分类的标签是什么，就知道要怎么做了吧，呵呵.

分类的标签是：$categories

代码如下：

1. <p>分类列表</p>       2. {foreach from=$categories item=fenlei}       3.    <a href=”{$fenlei.url}”>{$fenlei.name}</a>       4. {/foreach}

到前台刷新看看哦，呵呵，分类列表被调取出来了，我们试着在后台多添加几个一级分类，然后到首页刷新看看。

呵呵，我先去吃饭啦，吃完饭继续写如何把子分类调用出来，大家有问题多问哦，

吃饭回来了….(PS:这是怎么地啊，呵呵!)

子分类的标签是对应在父分类标签来调用的.代码如下:

1. <p>分类列表</p>       2. {foreach from=$categories item=fenlei}       3.    <a href=”{$fenlei.url}”> {$fenlei.name}</a>       4.      {foreach from=$fenlei.children item=child}       5.      <br>- – <A href=”{$child.url}”>{$child.name|escape:html}</A>       6.      {/foreach}       7. {/foreach}

保存以后前台刷新看看呢。呵呵，怎么样？子分类也被调用出来了吧，当然可以根据自己的需要，加上不同的表格或者图片的修饰哦，子分类是放在了父分类标签的基础上来调用的呢。

不过如果你的分类已经固定了很少改动，我建议还是做成死的，这样可以做的更漂亮一些，比如每个分类直接是用图片来代替。呵呵,我一般就是这么处理的，我除了商品和新闻是动态调用出来的以外，其它的都是做成固定的死的，这样就能够设计的很漂亮，因为有时候受到代码的限制，做出来不是很好看。(…说的好模糊，您能理解吗？不能的话就告诉我 ).

本来教程已经写了好多了，但是很多地方写的有点让新手不是那么容易接受，所以就一直在想办法，如何讲解的更简单一些，能让每个人都学会做模板。思考中…..

由于个人原因,今天教程停播一天,明天继续，实在不好意思各位. ~Orz.

啊，今天的章节就算是结束啦，明天预告:

1.如何调用某个分类里面的商品 2.如何制作商品展示页面的模板 3.完善前面讲的章节，并对大家提出的问题做出解答

今天我们来学习如何掉用某一个分类里面的产品。 首先把 default文件夹中的category.dwt 的名字改为category_bak.dwt,然后新建一个category.dwt文件. 然后插入下面的代码：

1. {foreach from=$goods_list item=goods}       2. <img src=”{$goods.goods_thumb}” border=”0″  /><br>       3. {$goods.goods_name}       4. {/foreach}

复制代码

注：$goods_list表示商品标签

接着我们访问这个页面:(Ecshop的访问网址/category.php?id=1)例如：http://localhost/ecshop/category.php?id=1 这样我们就访问到了分类id为1的商品了，我们也可以让id=2就访问到id = 2商品了，那如何看某个分类的id呢？ 我们看后台： 商品管理-》商品分类-》就可以看到商品分类的列表，然后把鼠标指上去选择新窗口打开，就能在地址来里面看到goods.php?act=list&cat_id=1这样子的信息，cat_id所等于的值就是这个分类的id了，然后就可以拿来调取了，呵呵。

好每次每次都把商品的列表调取出来了，那么如何调取某一个商品的页面呢？ 首先把 default文件夹中的goods.dwt 的名字改为goods_bak.dwt,然后新建一个goods.dwt文件. 然后插入下面的代码：

1. 商品图片: <img src=”{$goods.goods_img}” /><br><br>       2. 商品名称：{$goods.goods_style_name}<br><br>       3. 商品货号：{$goods.goods_sn}<br><br>       4. 商品品牌: {$goods.goods_brand}<br><br>       5. 商品数量：{$goods.goods_number} 单位：{$goods.measure_unit}<br><br>       6. 添加时间：{$goods.add_time}<br><br>       7. 市场价格：{$goods.market_price}<br><br>       8. 本店价格：{$goods.shop_price_formated}<br><br>       9. 注册用户价格：{$rank_price.price}<br><br>       10. 注册用户价格：{$rank_price.price}<br><br>       11. 注册用户价格：{$rank_price.price}<br><br>

复制代码

接着我们访问这个页面:(Ecshop的访问网址/goods.php?id=1)例如：http://localhost/ecshop/goods.php?id=1 这样我们就访问到了商品id为1的商品了，我们也可以让id=2就访问到id = 2商品了，那如何看某个商品的id呢？

我们看后台：商品管理-》商品列表-》就可以看到商品品的列表，最前面那一栏就是商品的id了，，然后就可以拿来调取了，呵呵。

还有人在问品牌的，某一个品牌的商品怎么调用，呵呵，下次有时间再讲 更新啦!!

今天我们学习一下如何在首页调取某个分类的商品: 注意了，这里的修改有一些麻烦了哦：

首先你需要下载一套新的模板，比如blueksy 上传到模板目录 /themes/   也就是 /themes/bluesky,

然后进入网站后台->模板管理->模板选择，选择bluesky, 选择OK, 然后到网站后台 -> 模板管理 -> 设置模板 -> 分类下的商品 ( 点击分类下的商品前面的+号，然后选择“主区域中间“，序号默认, 商品分类随便选择一个就可以了”, 

然后填写显示的条数,填写好后点击确定提交，( 注意: 有的朋友可能会遇到提交不了，是因为权限问题，需要把bluesky的模板权限改,然后再重新提交一次)。

这里我增加了两个,的数据是：主区域空间 0 手机  6                                           

主区域空间  0 手机 6 我们在这里增加了多少条记录，对应首页就可以调取多少个分类。

好接下来我们恢复模板为原来我们改过的default模板

在我们以前做的基础上增加如下代码(也就是在原来代码的下面加上):

1. <p>第一个分类的<p>       2. <?php $this->assign(‘cat_goods’,$this->_var['cat_goods_1']); ?><?php $this->assign(‘goods_cat’,$this->_var['goods_cat_1']); ?><?php echo $this->fetch(‘library/cat_goods.lbi’); ?>       3. <p>第二个分类的<p>       4. <?php $this->assign(‘cat_goods’,$this->_var['cat_goods_3']); ?><?php $this->assign(‘goods_cat’,$this->_var['goods_cat_3']); ?><?php echo $this->fetch(‘library/cat_goods.lbi’); ?>

复制代码

这里要注意了, 红色的 1 代表你要显示分类的分类的ID, 将它改为你需要的 刚才添加的ID就可以了 红色的 3 代表你要显示分类的分类的ID, 将它改为你需要的 刚才添加的ID就可以了

好了，保存,前台刷新看看啊,呵呵.是不是我们要的分类就出来了,

看样子改起来很简单哦，不过每次都是这样要操作两个模板才能改还是有些麻烦,呵呵，等到高手进阶的时候再来讲怎么做。

仔细一看还是有点不好的地方哦，就是样子不好看啊，对不对？是默认模板的样子，没有关系啦，我们打开 librasy目录中的cat_goods.lbi文件修改就可以了。修改要注意的地方上门讲过了，不过这里还是要再说明一些小问题

cat_goods.lbi的代码如下：

1. <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>       2. <p><img src=”../images/green_arrow.gif” width=”37″ height=”37″ alt=”" border=”0″ style=”vertical-align:middle” /><a href=”{$goods_cat.url}”>{$goods_cat.name|escape:html}</a></p>       3. <p>       4.   <!–{foreach from=$cat_goods item=goods}–>       5.   <table border=”0″ cellpadding=”3″ cellspacing=”1″ style=”float: left”>       6.     <tr>       7.       <td align=”center”><a href=”{$goods.url}”><img src=”{$goods.thumb}” border=”0″ alt=”{$goods.name|escape:html}” /></a></td>       8.     </tr>       9.     <tr>       10.       <td><a href=”{$goods.url}” title=”{$goods.name|escape:html}”>{$goods.short_name|escape:html}</a><br />       11.         <!– {if $goods.promote_price neq “”} –>       12.         {$lang.promote_price}<span>{$goods.promote_price}</span>       13.         <!– {else}–>       14.         {$lang.shop_price}<span>{$goods.shop_price}</span>       15.         <!–{/if}–>       16.       </td>       17.     </tr>       18.   </table>       19.   <!–{/foreach}–>       20.   <br style=”clear:both”/>       21. </p>

复制代码

여기서 이상한 점은 라벨 양쪽에 있는 기호를 삭제해도 상관없습니다.

1. <table>       2. {foreach from=$new_articles item=article}       3. <tr><td>       4. {$article.short_title}       5. </td></td>       6. {/foreach}       7. </table>

1. <p>商品列表</p>       2. <table width=”70%” border=”1″>       3.   <tr>       4.     <td>1</td>       5.     <td>2</td>       6.     <td>3</td>       7.   </tr>       8.   <tr>       9.     <td>4</td>       10.     <td>5</td>       11.     <td>6</td>       12.   </tr>       13. </table>

1. <p>商品列表</p>       2. <table width=”70%” border=”1″>       3.   <tr>       4.     <td>1</td>       5.     <td>2</td>       6.     <td>3</td>       7.   </tr>       8. </table>