整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          移動端購物商城商品詳情頁布局設計及調用數據顯示

          移動端購物商城商品詳情頁布局設計及調用數據顯示

          過首頁、商品列表頁等可以進入商品的詳情頁。在GoodsController.class.php控制器類文件中新增detail()方法,實現代碼如下:

          在View/Goods模版目錄下新增detail.html文件,HTML結構代碼如下:

          底部購買和加入購物車按鈕樣式定義代碼如下:

          .goods_buy_bar {

          width: 16rem;

          position: fixed;

          z-index: 999;

          bottom: 0;

          left: 0;

          width: 100%;

          height: 2rem;

          padding: 0 0.75rem;

          border-top: 1px solid #ccc;

          background: #fff;

          }

          .goods_buy_btn {

          display: block;

          border: 1px solid red;

          line-height: 1.7rem;

          height: 1.7rem;

          text-align: center;

          font-size: 0.7rem;

          border-radius: 0.2rem;

          margin-top: 0.05rem;

          float: left;

          }

          .buy_now {

          background: #fff;

          width: 10rem;

          }

          .buy_car {

          width: 4rem;

          margin-left: 0.3rem;

          color: white;

          background: red;

          }

          body {

          background: #eee;

          }

          商品詳情樣式定義代碼如下:

          .goods_detail {

          width: 16rem;

          }

          .goods_detail .goods_img img {

          width: 16rem;

          height: 12rem;

          }

          .goods_detail .goods_price {

          border-bottom: 1px solid #eee;

          line-height: 1.5rem;

          padding: 0.5rem;

          color: #999;

          font-size: 0.8rem;

          background: #fff;

          }

          .goods_detail .goods_price span {

          color: red;

          font-size: 1rem;

          }

          .goods_title {

          padding: 0.5rem;

          display: block;

          font-size: 0.8rem;

          color: #000;

          font-weight: blod;

          background: #fff;

          }

          .goods_info {

          padding: 0.5rem;

          margin-top: 0.2rem;

          margin-bottom: 0.2rem;

          background: #fff;

          color: #999;

          font-size: 0.7rem;

          }

          .goods_content {

          width: 16rem;

          margin-top: 0.2rem;

          background: #fff;

          font-size: 0.7rem;

          }

          除了商品基本信息的展示,頁面底部還提供了“立即購買”和“購物車”按鈕。用戶點擊“立即購買”按鈕可以把當前的商品加入購物車,而點擊“購物車”按鈕則會進入購物車商品管理界面。商品詳情頁完成效果如圖所示。

          為全球地產、工程、建材、家具家居、設備、設計全產業鏈O2O產業互聯網平臺,BuildMost邀請全球買家入駐,共享全球產品設備、設計服務資源。

          這是一份BuildMost中文站手機網頁版的買家發布產品需求、查看報價操作指南,歡迎查閱。

          平臺網址:

          https://www.buildmost.cn


          如何發布產品需求?

          買家可以在BuildMost中文站發布公開產品需求(公布在需求大廳,接受平臺所有產品供應商提交產品報價),也可以主動搜尋到心儀供應商或心儀產品后,在供應商主頁或產品詳情頁發起定向產品需求(針對特定產品供應商發起詢價)。


          ① 公開產品需求

          第 1 步

          點擊首頁上方“發布需求”按鈕,選擇“發布產品需求”

          第 2 步

          根據頁面提示,選擇或輸入貿易類型、購買用途、報價次數、需求名稱等信息,并添加需求產品、附件,最后點擊“發布”

          提示:表單中,標*的為必填項。

          提示:您可以在“需求產品”處點擊“添加一個分類”,向多種產品詢價;表單中,標*的為必填項。


          ② 定向產品需求

          第 1 步

          點擊首頁上方“產品及產品供應商”按鈕或底部“產品”按鈕,選擇產品類目。

          第 2 步

          點擊頂部“供應商”“產品”按鈕,可切換查看,選擇心儀產品供應商或產品。

          利用篩選搜索功能,可以更快找到心儀產品供應商或產品。

          您也可以在首頁查看平臺推薦產品,或使用主頁搜索功能,更快找到心儀供應商或產品。

          第 3 步

          選擇心儀產品供應商,點擊進入主頁,可通過右上角小飛機按鈕定向詢價。

          或選擇心儀產品,查看產品詳情后,通過底部“定向詢價”按鈕發起詢盤。

          第 4 步

          根據頁面提示完善您的產品需求,最后點擊“發布”

          提示:表單中,標*的為必填項。


          如何查看產品報價、聯系產品供應商?

          方法一:

          第 1 步

          登錄賬戶,點擊右下角“我的BM”,再點擊“新報價”

          第 2 步

          點擊報價的產品供應商名稱,可以查看聯系方式;繼續點擊產品清單的產品,可以查看報價。

          您也可以在新報價列表直接點擊對話圖標,通過即時留言系統聯系供應商。

          方法二:

          第 1 步

          登錄賬戶,點擊右下角“我的BM”,再點擊“產品需求”

          第 2 步

          在需求列表中找到想要查看的產品需求,點擊查看報價詳情。

          提示:您可以通過右上角“篩選”功能精準定位產品需求。

          第 3 步

          在報價清單中,您可以點擊查看報價供應商的聯系方式和報價詳情,或直接發起對話。

          方法三:

          第 1 步

          點擊首頁頂部“產品及產品供應商”或底部“產品”按鈕,選擇產品類目。

          第 2 步

          找到心儀產品供應商,點擊進入主頁,從簡介中申請查看聯系方式。

          第 3 步

          填寫合作申請并提交,供應商將收到系統消息。若對方同意,您可以獲取供應商聯系方式。

          立和使用列表

          定義列表

          <dl></dl>列表標簽定義列表;
          <dt>定義列表標題;
          <dd>定義列表內容;

          說明:

          1. dt和dd對應著的, 一個dt可以對應著多個dd;

          2. dd完全是為了dt服務的, 對標題進行描述;

          實例:

          <dl>
          <dt>標題1</dt><dd>內容11</dd><dd>內容12</dd>
          <dt>標題2</dt><dd>內容21</dd><dd>內容22</dd>
          </dl>


          有序列表(unordered list)

          <ol></ol> 列表標簽定義一個標有數字的列表;

          <ol type="value"></ol>

          1 默認值。數字有序列表。(1、2、3、4)

          a 按字母順序排列的有序列表,小寫。(a、b、c、d)

          A 按字母順序排列的有序列表,大寫。(A、B、C、D)

          i 羅馬字母,小寫。(i, ii, iii, iv)

          I 羅馬字母,大寫。(I, II, III, IV)

          <ol>
          <li>聯系人:</li>xxx
          <li>聯系地址:</li>北京市豐臺區
          <li>郵政編碼:</li>100036
          </ol>


          無序列表(ordered list)

          <ul></ul> 列表標簽定義一個標有圓點的列表;

          <ul type="value"></ul>

          disc 默認值,實心圓。

          circle 空心圓。

          square 實心方塊。

          <ul>
          <li></li>
          <li></li>
          <li></li>
          </ul>


          目錄列表 所有主流瀏覽器都支持 <dir> 標簽。。

          <dir></dir>標簽定義目錄列表。

          <dir>
          <li>HTML</li>
          <li>XHTML</li>
          <li>CSS</li>
          </dir>

          菜單列表 目前所有主流瀏覽器都不支持 <menu> 標簽。

          <menu></menu>標簽可定義一個菜單列表。

          <menu>
          <li>html</li>
          <li>xhtml</li>
          </menu>

          在實際工作中, 它的用途較少, 大部分我們還是用ul;

          另外還可以使用:

          <div align=""></div>分區標簽,用來排版大塊HTML段落,也用于格式化表


          主站蜘蛛池模板: 丰满岳妇乱一区二区三区| 国产精品夜色一区二区三区| 伊人激情AV一区二区三区| 亚洲爆乳精品无码一区二区三区| 日韩久久精品一区二区三区 | 一区二区免费视频| 亚洲国产一区二区三区| 日韩三级一区二区| 亚洲精品伦理熟女国产一区二区| 国模无码人体一区二区| 在线视频一区二区三区三区不卡| 国产一区二区三区在线| 理论亚洲区美一区二区三区| 亚洲av乱码中文一区二区三区| 一区二区视频在线观看| 久久精品视频一区二区三区| 中文字幕日本一区| 国产一区三区二区中文在线| 日本一区二区三区在线网| 日韩精品一区在线| 欧洲精品免费一区二区三区| 国产综合视频在线观看一区| 韩国资源视频一区二区三区| 色一情一乱一区二区三区啪啪高| 亚洲欧美国产国产一区二区三区 | 国产成人高清精品一区二区三区 | 精品无码综合一区| 伊人久久大香线蕉av一区| 久久人妻内射无码一区三区| 亚洲一区精品中文字幕| 91精品一区二区综合在线| 人妻av综合天堂一区| 在线日韩麻豆一区| 国产精华液一区二区区别大吗| 一级特黄性色生活片一区二区| 国产精品无码亚洲一区二区三区| 国模极品一区二区三区| 午夜福利国产一区二区| 国产一区二区三区久久精品| 日韩精品无码一区二区三区不卡 | 理论亚洲区美一区二区三区|