ECshop 二次開發模板教程3

huidaoli發表於2013-07-22
<p>商品列表</p>

<table width="70%" border="1">

  <tr>

    <td>1</td>

    <td>2</td>

    <td>3</td>

  </tr>

</table>

 

模板教程繼續啦!不知道大家是學會用迴圈了呢,還是我的言語實在有問題,大家實在無法完成閱讀哦,居然大家都沒有問題,暫時心裡安慰,把他當做好事情,大家都會呼叫了,呵呵,那我們繼續迴圈呼叫商品了!好,繼續在我們昨天的基礎上,我們在網站快訊的迴圈後面,按 Enter鍵, 輸入:商品列表,接著建立一個2行3列的表格,寬度為70%, 表格邊框為1(為了讓大家看清楚 ),起HTML程式碼如下

複製內容到剪貼簿 

程式碼:

 

<p>商品列表</p>

<table width="70%" border="1">

  <tr>

    <td>1</td>

    <td>2</td>

    <td>3</td>

  </tr>

  <tr>

    <td>4</td>

    <td>5</td>

    <td>6</td>

  </tr>

</table>

 

 

 

 

注: ( 1,2,3,4,5,6這些個是序號,方便跟大家講解呢 )在這裡,我們暫時先把下面這一行去掉(為了大家操作簡單),變成

複製內容到剪貼簿 

程式碼:

 

<p>商品列表</p>

<table width="70%" border="1">

  <tr>

    <td>1</td>

    <td>2</td>

    <td>3</td>

  </tr>

</table>

 

 

 

我們要迴圈的是列,也就是<td>,因此我們的迴圈標籤應該在<td> 和</td>的外面, 而2,和3應該是迴圈出來的東西,也就時我模板裡面只用保留 1 這個td就可以了,2 和3都要去掉,於是就變成了下面的樣子

複製內容到剪貼簿 

程式碼:

 

<p>商品列表</p>

<table width="70%" border="1">

  <tr>

    <td>1</td>

  </tr>

</table> 

 

 

 

好,現在我們開始加迴圈標籤,我們要呼叫的是精品推薦商品, 程式碼如下: 

複製內容到剪貼簿 

程式碼:

 

<p>商品列表</p>

<table width="70%" border="1">

  <tr>

{foreach from=$best_goods item=goods}

    <td>{$goods.short_style_name}</td>

{/foreach}

  </tr>

</table>

 

 

 

 

注意了:foreach 表示下面的內容屬於要進行迴圈,from=$best_goods 表示迴圈的內容來自$best_goods,($best_goods是精品商品推薦的標籤 ) , item=goods 表示當前迴圈這一次的物件叫goods,你也可以改為其它的東東,當然{$goods.short_style_name}這個地方的goods也要相應的改了哦,{$goods.short_style_name} 表示goods 這個物件的商品名稱.好了,我們儲存,前臺重新整理看一下啊。呵呵,精品商品被迴圈出來了吧?接著,為了大家應用方便,我們把goods改為jingpinshangpin,程式碼如下: 

複製內容到剪貼簿 

程式碼:

 

<p>商品列表</p>

<table width="70%" border="1">

  <tr>

{foreach from=$best_goods item=jingpinshangpin}

    <td>{$jingpinshangpin.short_style_name}</td>

{/foreach}

  </tr>

</table>

 

 

 

好前臺重新整理看看哦,呵呵,夷?如果你有很多的精品商品你會發現商品變了,因為精品商品是隨機調取出來的.好我們繼續完善他,給它加上鍊接對應商品的連結,也就是新增<a>屬性, 程式碼如下: 

複製內容到剪貼簿 

程式碼:

<p>商品列表</p>

<table width="70%" border="1">

  <tr>

{foreach from=$best_goods item=jingpinshangpin}

    <td><a 

href="{$jingpinshangpin.url}">{$jingpinshangpin.short_style_name}</a>

 

</td>

{/foreach}

  </tr>

</table>

 

 

重新整理瀏覽器,點選連結看看連結到什麼地方去了哦。呵呵! 連結到了每個產品自己的頁面了呢。說明:標籤 {$jingpinshangpin.url} 就是精品商品的商品連結的標籤了,但是要記得哦,$jingpinshangpin 是你起的名字哦,item=$jingpinshangpin的這個 $jingpinshangpin改變了的話,這裡也要跟著改變。接下來我們新增上商品的圖片哦 ,也就是增加一個<img>屬性 ,程式碼如下: 

複製內容到剪貼簿 

程式碼:

 

<p>商品列表</p>

<table width="70%" border="1">

  <tr>{foreach from=$best_goods item=jingpinshangpin}

    <td><a href="{$jingpinshangpin.url}"><img src="{$jingpinshangpin.thumb}" border="0" /><br>

 

{$jingpinshangpin.short_style_name}</a></td>

{/foreach}

  </tr>

</table> 

 

 

 

到前臺重新整理瀏覽器看看看,呵呵,商品縮圖也被調出來了。說明:標籤 {$jingpinshangpin.thumb} 就是精品商品的縮圖的標籤了,但是要記得哦,$jingpinshangpin 是你起的名字哦,item=$jingpinshangpin的這個 $jingpinshangpin改變了的話,這裡也要跟著改變。如果你已經熟練理解和掌握了以上的步驟,那麼下面就越來越清晰和容易了。接下來我們調取新品上市(標籤為: $new_goods )和熱賣商品( 標籤為:$hot_goods) ,接著在剛才的程式碼後面加上去就是了。我就不多講了哦,程式碼如下 

複製內容到剪貼簿 

程式碼:

 

<p>新品上市</p>

<table width="70%" border="1">

<tr>

{foreach from=$new_goods item=xinpinshangshi}

<td><a href="{$xinpinshangshi.url}"><img src="{$xinpinshangshi.thumb}" border="0" /><br>

{$xinpinshangshi.short_style_name}</a></td>

{/foreach}

</tr>

</table>

<p>熱賣商品</p>

<table width="70%" border="1">

<tr>

{foreach from=$hot_goods item=remaishangpin}

<td><a href="{$remaishangpin.url}"><img src="{$remaishangpin.thumb}" border="0" /><br>

{$remaishangpin.short_style_name}</a></td>

{/foreach}

</tr>

</table>

 

 

 

 

接著我們要一個Menu選單,也就是做一個產品的分類列表出來。相信你現在至少知道分類的標籤是什麼,就知道要怎麼做了吧,呵呵.分類的標籤是:$categories程式碼如下: 

複製內容到剪貼簿 

程式碼:

 

<p>分類列表</p>

{foreach from=$categories item=fenlei}

   <a href="{$fenlei.url}">{$fenlei.name}</a>

{/foreach}

 

 

 

 

到前臺重新整理看看哦,呵呵,分類列表被調取出來了,我們試著在後臺多新增幾個一級分類,然後到首頁重新整理看看。呵呵,我先去吃飯啦,吃完飯繼續寫如何把子分類呼叫出來,大家有問題多問哦,吃飯回來了....(PS:這是怎麼地啊,呵呵!)子分類的標籤是對應在父分類標籤來呼叫的.程式碼如下: 

複製內容到剪貼簿

程式碼:

<p>分類列表</p>

{foreach from=$categories item=fenlei}

   <a href="{$fenlei.url}"> {$fenlei.name}</a>

     {foreach from=$fenlei.children item=child}

     <br>- - <A href="{$child.url}">{$child.name|escape:html}</A>

     {/foreach}

{/foreach}

 

 

儲存以後前臺重新整理看看呢。呵呵,怎麼樣?子分類也被呼叫出來了吧,當然可以根據自己的需要,加上不同的表格或者圖片的修飾哦,子分類是放在了父分類標籤的基礎上來呼叫的呢。不過如果你的分類已經固定了很少改動,我建議還 是做成死的,這樣可以做的更漂亮一些,比如每個分類直接是用圖片來代替。呵呵,我一般就是這麼處理的,我除了商品和新聞是動態呼叫出來的以外,其它的都是 做成固定的死的,這樣就能夠設計的很漂亮,因為有時候受到程式碼的限制,做出來不是很好看。(...說的好模糊,您能理解嗎?不能的話就告訴我 ).本來教程已經寫了好多了,但是很多地方寫的有點讓新手不是那麼容易接受,所以就一直在想辦法,如何講解的更簡單一些,能讓每個人都學會做模板。思考中.....

啊,今天的章節就算是結束啦,明天預告:1.如何呼叫某個分類裡面的商品2.如何製作商品展示頁面的模板3.完善前面講的章節,並對大家提出的問題做出解答今天我們來學習如何掉用某一個分類裡面的產品。首先把 default資料夾中的category.dwt 的名字改為category_bak.dwt,然後新建一個category.dwt檔案. 然後插入下面的程式碼: 

複製內容到剪貼簿 

程式碼:

 

{foreach from=$goods_list item=goods}

<img src="{$goods.goods_thumb}" border="0"  /><br>

{$goods.goods_name}

{/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檔案. 然後插入下面的程式碼: 

複製內容到剪貼簿 

程式碼:

商品圖片: <img src="{$goods.goods_img}" /><br><br>

商品名稱:{$goods.goods_style_name}<br><br>

商品貨號:{$goods.goods_sn}<br><br>

商品品牌: {$goods.goods_brand}<br><br>

商品數量:{$goods.goods_number} 單位:{$goods.measure_unit}<br><br>

新增時間:{$goods.add_time}<br><br>

市場價格:{$goods.market_price}<br><br>

本店價格:{$goods.shop_price_formated}<br><br>

註冊使用者價格:{$rank_price.price}<br><br>

註冊使用者價格:{$rank_price.price}<br><br>

註冊使用者價格:{$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了,,然後就可以拿來調取了,呵呵。還有人在問品牌的,某一個品牌的商品怎麼呼叫,呵呵,下次有時間再講

 

相關文章