實大部分通過自助建站工具來制網站的人，他們對于商城網站并沒有什么太嚴格的需求，只要求這個商城網站可以實現最基本的購買功能，所以這一類型的網站建設起來很簡單，接下來就介紹一個能夠非常快速的設計商城網站的方法。

一、選擇適合的建站模板 進入自助建站工具平臺以后，可以從里面選擇一款自己喜歡的自適應商城網站模板，這種自適應類型的商城網站可以在平板、電腦以及手機之中自由的進行切換，可以完美的保證網站使用的視覺效果。

二、安裝模板 當商城網站模板安裝好以后，就可以開始自己改造網站里面主要顯示出來的那些圖片了。其中就包括網站LOGO、輪播圖、新聞圖、以及產品圖等等的東西。這些修改方法都不難，而且大部分都是采取直接雙擊模塊就可以進行更換的。不過有的一些產品列表里面的圖片，如果要修改的話，必須要進入到商品管理后臺，然后找到具體的所屬產品，并進入到里面的詳情頁面才可以進行修改。

三、編輯產品 在網頁模板編輯器頂部導航欄里面找到一個寫著“產品詳情”的頁面，然后切換進去，假如你想修改的話，可以雙擊并進行樣式選擇。

四、修改頁面之中的文字 網站模板里面的文字一般是兩種形式，一種就是可以直接把中文或者是英文文本輸入進去，還有一種就是html文本，尤其是HTML文本，它對網站里面的文字樣式修改有著非常大的自由度。

五、自由拖拽模塊 模板編輯器里面可以根據自己的需要自由拖拽模塊，想怎么放都可以，而且后臺能夠馬上就展現出來，根本不會涉及任何的代碼，操作十分簡單。

最后把建設好的商城網站進行微調，測試一下商城網站在手機、平板以及電腦之中能不能正常顯示，如果可以的話就沒問題，能夠上線使用了。對于那些沒有特殊要求的朋友們來說，這種建設網站方法是最簡單、最快速的。

商品數量見多的情況下，需要進行分頁加載。首先在頁面上增加分頁按鈕代碼。

<div class="show_next" style="display:none;" page=1>查看更多</div>

按鈕樣式代碼如下：

.show_next {

width: 15rem;

line-height: 1.7rem;

margin: 1rem auto;

text-align: center;

font-size: 0.7rem;

border: 1px solid #ddd;

}

按鈕默認是隱藏狀態，并且擁有page屬性，默認值為1（代表當前是第一頁）。以每頁顯示4個商品信息為例，當需要展示的商品總條數超過4條后，需要展示分頁按鈕。每次用戶單擊分頁按鈕，都需要對其page屬性的值加1.其代碼如下：

在IndexController.class.php中新增getPage（）方法，根據分頁的page值來獲取商品列表的數據

在Index模版目錄下新增get_page.html文件，代碼如下：