9-5 開發 t_cart 佈景

一、架構

1. 在「themes」建立「t_cart」資料夾
2. 下載預設資料至 「themes/t_cart」底下解壓
3. 建立「theme.tpl」

二、將付費樣板整理，把語法貼至「theme.tpl」

1. 只要頁首、頁尾即可，中間部份先不用，順便把不要的js、css移除
2. 設定佈景變數。‧<{$theme_name}>

   <{assign var=theme_name value=$xoTheme->folderName}>

    

   $xoTheme->folderName ：物件的寫法
   可在後台開啟：smarty除錯，來看有那些變數可用

3. 顯示佈景變數
   在 </body>之前加入

   
     <{* 顯示佈景變數 *}>
     <{assign var=show_var value=1}>
     <{if $xoops_isadmin and $show_var}>
       <{includeq file="$xoops_rootpath/modules/ugm_tools2/themes_common/show_var.tpl"}>
     <{/if}>

    

4. 用絕對路徑取代相對路徑
   佈景路徑：<{xoImgUrl}>
   網站路徑：<{xoAppUrl>
5. xoops 區塊元件

   
         <{* 左、上中、上左、上右、右、內容 *}>
         <{if $xoops_showlblock || $xoops_showrblock || $xoops_showcblock || $xoops_contents}>
           <div class="row page-row">
             <{includeq file="$theme_name/tpl/leftBlock.tpl"}>
             <{includeq file="$theme_name/tpl/content-zone.tpl"}>
             <{includeq file="$theme_name/tpl/rightBlock.tpl"}>                        
           </div><!--//page-row-->
         <{/if}>
         
         <{* 下中、下左、下右 *}>
         <{if $xoBlocks.page_bottomcenter || $xoBlocks.page_bottomright || $xoBlocks.page_bottomleft}>
             <div class="row page-row">
                 <{includeq file="$theme_name/tpl/bottomLeft.tpl"}>
                 <{includeq file="$theme_name/tpl/bottom-zone.tpl"}>
                 <{includeq file="$theme_name/tpl/bottomRight.tpl"}>                    
             </div><!--//page-row-->
         <{/if}>
   
         <{if $xoBlocks.footer_center || $xoBlocks.footer_right || $xoBlocks.footer_left}>
             <div class="row page-row">
                 <{includeq file="$theme_name/tpl/footerLeft.tpl"}>
                 <{includeq file="$theme_name/tpl/footerCenter.tpl"}>
                 <{includeq file="$theme_name/tpl/footerRight.tpl"}>                               
             </div>
         <{/if}>     

    

6. 更換標籤
    

   
   <!-- Meta -->
   <meta charset="<{$xoops_charset}>">
   <meta name="keywords" content="<{$xoops_meta_keywords}>">
   <meta name="description" content="<{$xoops_meta_description}>">
   <meta name="robots" content="<{$xoops_meta_robots}>">
   <meta name="rating" content="<{$xoops_meta_rating}>">
   <meta name="author" content="<{$xoops_meta_author}>">
   <meta name="generator" content="育將電腦工室">
   

     
     <{* xoops 所需css,僅量放前面，請接在meta *}>     
     <link rel="stylesheet" type="text/css" href="<{xoImgUrl}>css/xoops.css"> 

   lang
    

   <{$xoops_langcode}>

   
    

7. 置換title
    

   
   <link rel="alternate" type="application/rss+xml" title="" href="<{xoAppUrl backend.php}>">
   
   <title><{if $xoops_dirname == "system"}><{$xoops_sitename}><{if $xoops_pagetitle !=''}> - <{$xoops_pagetitle}><{/if}><{else}><{if $xoops_pagetitle !=''}><{$xoops_pagetitle}> - <{$xoops_sitename}><{/if}><{/if}></title>
   <{$xoops_module_header}>

    

8. 取消jquery引入
9. 將js移至「<{$xoops_module_header}>」後面