隱藏 Bundle Products(產品組合)主產品下方的數量框

剛設定完『產品組合』後,主要產品下方出現可填寫的數量,影響使用者的使用經驗

bundle_product_09

只需要編輯 /usr/share/nginx/html/app/design/frontend/base/default/template/bundle/catalog/product/view/type/bundle/option/select.phtml

vim /usr/share/nginx/html/app/design/frontend/base/default/template/bundle/catalog/product/view/type/bundle/option/select.phtml

第 61 行

<span class=”qty-holder”>

修改為

<span class=”qty-holder” style=”display:none”>

重新清除 OPCache 之後,前台就可以看到改變了

bundle_product_11

也可以一併修改 Ultimo 的樣版

vim /usr/share/nginx/html/app/design/frontend/ultimo/default/template/bundle/catalog/product/view/type/bundle.phtml

從第 47 行

<?php echo $this->getPriceHtml($_product) ?>
<div class="price-box-bundle">
 <?php //echo $this->getChildHtml('bundle_prices') ?>
</div>

修改為

<?php //echo $this->getPriceHtml($_product) ?>
<!--<div class="price-box-bundle">
 <?php //echo $this->getChildHtml('bundle_prices') ?>
</div>-->

重新清除 OPCache 之後,前台就可以看到改變了

bundle_product_12

 

新增『產品組合(Bundle Product)』增加『選購配件』 的功能

一般的情況下,一個賣場只對應到一項產品

有時搭配的選購產品有額外的優惠價,甚至一次訂購一打(有折扣優惠),這時建立『產品組合』產品就可以達到這個目的

『產品組合』可以讓每個主產品限購一組優惠選購產品,避免發生一個主產品,搭配多組優惠選購產品的問題

1. 新增產品選擇『產品組合』

bundle_product_01

2. 填入產品資料

填入『名稱』、『敘述』、『SKU』、『網址代碼』

也一併修改『狀態』與『可見性』如下

bundle_product_02

3. 價格修改為固定,並填入價格

bundle_product_03

4. 修改『庫存情況』至有庫存

bundle_product_04

5. 選擇適當的分類

bundle_product_05

6. 建立相關產品

情境一:一款暖爐,兩個選購配件

暖爐:『輸入類型』選Checkbox、『必填』選 、『位置』為 0、『價格』填 0

配件:『輸入類型』選 Checkbox、『必填』選 、『位置』為 1、『價格』填入 優惠後價格

bundle_product_07

儲存之後到前台就可以看到

bundle_product_10

情境二:多款暖爐,兩個選購配件

暖爐:『輸入類型』選 Drop-down、『必填』選 、『位置』為 0、『價格』填 0、『使用者定義數量』選 否

配件:『輸入類型』選 Checkbox、『必填』選 、『位置』為 1、『價格』填入 優惠後價格

bundle_product_08

儲存之後到前台可以看到以下畫面

bundle_product_09