1. 程式人生 > >ECShop商品詳細頁 實現尺碼顏色關聯顯示庫存數量

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