ECShop商品詳細頁 實現尺碼顏色關聯顯示庫存數量
效果如下:
要開模板檔案 goods.dwt 把選擇尺碼跟顏色的程式碼替換成如下,(不同模板程式碼可能不一樣,對照去替換)
<!-- {foreach from=$spec.values item=value key=key} --> <a {if $key eq 0}class="cattsel"{/if} onclick="changeAtt(this,{$value.id},{$goods.goods_id})" href="javascript:;" name="{$value.id}" title="[{if $value.price gt 0}{$lang.plus}{elseif $value.price lt 0}{$lang.minus}{/if} {$value.format_price|abs}]">{$value.label}<input style="display:none" id="spec_value_{$value.id}" type="radio" name="spec_{$spec_key}" value="{$value.id}" {if $key eq 0}checked{/if} /></a> <!-- {/foreach} -->
在要顯視庫存的地方放置以下程式碼
<font style=" color:#CCCCCC;">(庫存:<font id="shows_number">{$goods.goods_number} {$goods.measure_unit}</font>)</font>
最後在JS程式碼裡面新增以下JS 程式碼
function changeAtt(t,a,goods_id) { t.lastChild.checked='checked'; for (var i = 0; i<t.parentNode.childNodes.length;i++) { if (t.parentNode.childNodes[i].className == 'cattsel') { t.parentNode.childNodes[i].className = ''; } } t.className = "cattsel";var formBuy = document.forms['ECS_FORMBUY']; spec_arr = getSelectedAttributes(formBuy); Ajax.call('goods.php?act=get_products_info', 'id=' + spec_arr+ '&goods_id=' + goods_id, shows_number, 'GET', 'JSON'); changePrice(); } function shows_number(result) { if(result.product_number !=undefined) { $('shows_number').innerHTML = result.product_number+'件'; } else { $('shows_number').innerHTML = '未設定' } }
再開啟程式檔案 goods.php 在70行左右新增程式碼
if (!empty($_REQUEST['act']) && $_REQUEST['act'] == 'get_products_info') { include('includes/cls_json.php'); $json = new JSON; // $res = array('err_msg' => '', 'result' => '', 'qty' => 1); $spce_id = $_GET['id']; $goods_id = $_GET['goods_id']; $row = get_products_info($goods_id,explode(",",$spce_id)); //$res = array('err_msg'=>$goods_id,'id'=>$spce_id); die($json->encode($row)); }
現在就可以了,到後臺清除下快取試試。
如果想實現選擇打勾的效果,參閱這篇 http://www.cnblogs.com/wangblognet/archive/2013/04/11/3014112.html
相關推薦
ECShop商品詳細頁 實現尺碼顏色關聯顯示庫存數量
效果如下: 要開模板檔案 goods.dwt 把選擇尺碼跟顏色的程式碼替換成如下,(不同模板程式碼可能不一樣,對照去替換) <!-- {foreach from=$spec.values item=value key=key} --> <a {if $key eq 0
ecshop商品詳細頁顯示已售商…
@青青小超子 的微群 "同盟者|同盟者網路" 挺不錯的 http://t.cn/aFPPei 推薦大家也來看看~ 2011-10-09 1.在ecshop程式goods.php頁面最下面加入這兩個函式 function get_buy_sum($goods_id) { $sql = 'SEL
ECshop 怎樣修改商品詳細頁的“瀏覽次數”
怎樣修改商品詳細頁的“瀏覽次數” 最好可以修改為成倍增加的,比如客戶瀏覽了一次,顯示的是20次. 修改 goods.php 檔案的下面這行程式碼即可$db->query('UPDATE ' . $ecs->table('goods') . " SET click_cou
Java高級架構師(一)第28節:Index、商品詳細頁和購物車
cat condition glib 1.0 dsm attr odin pri public <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf
ECshop商品列表頁按銷量排序
在表“ecs_goods”新增欄位:salesnum(注:自定義欄位名) 開啟根目錄下檔案:flow.php 找到下面的程式碼: /* 插入訂單商品 */ $sql = “INSERT INTO ” . $ecs->table(’order_
轉:ecshop商品分類頁獲取相簿列表方法
ecshop商品分類頁獲取相簿列表方法 很久之前就看到過你好在商品列表頁有獲取到相簿列表,但是一直沒有實踐過,感覺應該挺簡單的吧,但是最近手上的專案剛好就需要這個功能,然後就想到網上查下資料,至少找個思路就好辦了,可是百度谷歌,居然沒有找到任何答案。只是在百度知道看到有人提過這個問題,居然沒有答案! 搜尋這個
Ecshop商品詳情頁顯示當前會員等級價格
會員登入狀態下,在ECSHOP商品詳情頁的本店售價中顯示當前登入會員對應的等級價格,在未登入狀態下,則還預設顯示原來的本店售價。 解決方法: 這個需要修改ECSHOP程式程式碼來實現。 開啟檔案 /includes/lib_goods.php 將 $row['shop_price_format
ecshop商品詳細描述呼叫商品相簿程式碼
該修改方法讓使用者體驗更好,特別是ecshop建站的使用者產品描敘文字不多的朋友,直接讓相簿圖顯示在產品描述裡。免去除在後臺添加了 <div style="text-align:center"> <!-- {foreach from=$pictures ite
仿京東、天貓app的商品詳情頁的布局架構, 以及功能實現
enter layout 顯示 效果 寫上 idt theme brush 2.2.0 一、介紹 這個類是繼承自ImageView的,所以對於這個控件我們可以使用ImageView的所有屬性 二、使用準備, 在as 的 build.grade文件中寫上 compile ‘
vue實現淘寶商品詳情頁屬性選擇功能
line pan func sel eth AD 圖片 [1] urn 方法一是自己想出來的,方法二來自忘記哪裏看到的了 不知道是不是你要的效果: 方法一:利用input[type="radio"] css代碼: 1 input { 2
Spring Data JPA 二:實現多表關聯分頁查詢
最近在對JPA的使用過程中發現對於單表的操作很是方便,但是當設計到多表聯查的時候就需要有一些特殊的操作了。 專案中有一個場景是後臺需要做一個分頁的列表查詢,所需要的資料分散在兩張表中,如果是用mybatis的話直接定義resultMap,然後手寫SQL就可以了。而在JPA中就需要用到JPQL
【Python web 開發】viewset 實現商品詳情頁的介面
我們如何來完成商品詳情頁的介面呢? 首先要配置一個商品詳情的url 按照我們正常的介面配法 ,應該是後面要加一個id 的,為什麼這裡沒有加id 呢? ,應該是rooter register 的作用吧,等我在學習一遍基礎再來回答? 那麼我們再來寫viewset Mixin.Retriev
電商專案day11(商品搜尋功能實現&排序&結果分頁)
今日目標: 完成關鍵字搜尋功能 能夠實現高亮顯示效果 完成查詢分類列表的功能 完成條件過濾構建功能 完成分頁動態
商品瀏覽系統之商品詳細資訊顯示頁面實現
一 程式碼 <%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8" %>
android 自定義ViewGroup實現仿淘寶的商品詳情頁
最近公司在新版本上有一個需要, 要在首頁新增一個滑動效果, 具體就是仿照X寶的商品詳情頁, 拉到頁面底部時有一個粘滯效果, 如下圖 X東的商品詳情頁,如果使用者繼續向上拉的話就進入商品圖文描述介面: 剛開始是想拿來主義,直接從網上找個現成的demo來用, 但是網上無一
[ecshop 資料]ecshop商品自定義銷量(虛擬銷量)實現方法 後臺可以自由設定
1.在sq執行語句 ALTER TABLE `ecs_goods` ADD `sales_volume_base` INT( 10 ) UNSIGNED NOT NULL DEFAULT '0' INSERT INTO `ecs_shop_config` (
[iOS開發]關於仿網易新聞中詳細頁圖文混排功能的實現
{"B4A39DDB00964LQ9":{"body":" 給你們講一個恐怖的故事:聽說從今天開始2015年只剩下100天了!<\/p> 2015年快過去了,年初定下的目標都達成了嗎?時間總是不知不覺匆匆地過去,不留下一絲痕跡。<\/p> 俗語有云:生命很短,我們真的沒必
電商專案之實現商品分頁(重點)
1、controller層 iProductService.getProductList(pageNum,pageSize); 2、service層 ServerResponse<PageInfo> getProductList(int pageNum, int pageSi
關於仿網易新聞中詳細頁圖文混排功能的實現
{"B4A39DDB00964LQ9":{"body":" 給你們講一個恐怖的故事:聽說從今天開始2015年只剩下100天了!<\/p> 2015年快過去了,年初定下的目標都達成了嗎?時間總是不知不覺匆匆地過去,不留下一絲痕跡。<\/p> 俗語有云:生命很短,我們真的沒必
day76_淘淘商城專案_09_商品詳情頁動態展示實現(jsp+redis) + FreeMarker模板引擎入門 + 商品詳情頁靜態化實現(Win版本的nginx作http伺服器)_匠心筆記
淘淘商城專案_09 1、商品詳情頁面展示,動態展示(jsp + redis) 1.1、工程搭建 1.1.1、pom檔案 1.1.2、框架整合 1.1.3、springmvc.xml