實大部分通過自助建站工具來制網站的人,他們對于商城網站并沒有什么太嚴格的需求,只要求這個商城網站可以實現最基本的購買功能,所以這一類型的網站建設起來很簡單,接下來就介紹一個能夠非常快速的設計商城網站的方法。
一、選擇適合的建站模板 進入自助建站工具平臺以后,可以從里面選擇一款自己喜歡的自適應商城網站模板,這種自適應類型的商城網站可以在平板、電腦以及手機之中自由的進行切換,可以完美的保證網站使用的視覺效果。
二、安裝模板 當商城網站模板安裝好以后,就可以開始自己改造網站里面主要顯示出來的那些圖片了。其中就包括網站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文件,代碼如下:
*請認真填寫需求信息,我們會在24小時內與您取得聯系。