27 สิงหาคม 2555

Prestashop เพิ่ม Textbox จำนวนที่จะซื้อ และจำนวนคงเหลือ ไว้หน้าแรก

Prestashop ธีม Default ในหน้าแรกจะมีรายการสินค้าให้เลือกเพื่อหยิบเข้าตระกร้า แต่จะไม่มีให้กรอกจำนวน หาอยากได้มากว่าหนึ่งชิ้น

ก็ทำการกดเพิ่มเข้าไปเรื่อย ๆ ระบบก็จะทำการบวกให้ หน้าจอก็จะประมาณนี้ครับ




ที่นี้เราก็จะมาทำการเพิ่ม Textbox เพื่อใส่จำนวนในกรณีที่อยากได้มากกว่า หนึ่งชิ้น กันครับ

ไปที่ไฟล์ homefeatured.tpl ซึ่งจะอยู่ใน โฟลเดอร์เว็บของเรา/modules/homefeatured/

หรือจะทำการสร้างโฟลเดอร์ modules ใหม่ภายในธีมของเราแล้วก็อบปี้ไฟล์ homefeatured.tpl ไปวางได้เพื่อจะไม่ให้กระทบกับ modules หลัก โดยไปที่

โฟลเดอร์เว็บของเรา / themes / themedefault(prestashop) / สร้างโฟลเดอร์ modules / สร้างโฟลเดอร์ homefeatured / ก็อบปี้ไฟล์ homefeatured.tpl มาวาง แล้วก็แก้ไขที่ไฟล์นี้แทน

- โดยหาโค้ดนี้ครับ

{if ($product.quantity > 0 OR $product.allow_oosp) AND $product.customizable != 2}
<a rel="ajax_id_product_{$product.id_product}" href="{$base_dir}cart.php?qty=1&amp;id_product={$product.id_product}&amp;token={$static_token}&amp;add" title="{l s='Add to cart' mod='homefeatured'}">{l s='Add to cart' mod='homefeatured'}</a>
{else}
<span>{l s='Add to cart' mod='homefeatured'}</span>
{/if}

- หลังจากนั้นก็ทำการแทนโค้ดด้านบน ด้วยโค้ดนี้ครับ

{if ($product.allow_oosp OR $product.quantity > 0) && $product.customizable != 2}
<center>
<label>{l s='Balance :'}{$product.quantity}</label>
</center>
<center>
<label>{l s='Quantity :'}</label>
<input type="text" name="ajax_qty_to_add_to_cart[{$product.id_product|intval}]" id="quantity_wanted_{$product.id_product|intval}" value="{if isset($quantityBackup)}{$quantityBackup|intval}{else}1{/if}" size="2" maxlength="3" />
</center>
<a class="exclusive ajax_add_to_cart_button" rel="ajax_id_product_{$product.id_product|intval}" href="{$base_dir}cart.php?add&amp;id_product={$product.id_product|intval}&amp;token={$static_token}">{l s='Add to cart' mod='homefeatured'}</a>
{else}
<center>
<label>{l s='Quantity :'}</label>
<input type="text" name="ajax_qty_to_add_to_cart[{$product.id_product|intval}]" id="quantity_wanted_{$product.id_product|intval}" value="{if isset($quantityBackup)}{$quantityBackup|intval}{else}1{/if}" size="2" maxlength="3" />
</center>
<span>{l s='Out of Stock' mod='homefeatured'}</span>
{/if}

- จากนั้นไปที่ไฟล์ ajax-cart.js จะอยู่ใน โฟลเดอร์เว็บของเรา/modules/blockcart/ หาโค้ดนี้ครับ

ajaxCart.add(idProduct, null, false, this);

- แล้วแทนที่ด้วยโค้ดนี้

ajaxCart.add(idProduct, null, false, this, $('#quantity_wanted_'+idProduct).val());http://www.blogger.com/img/blank.gif

หน้าจอหลังจากเปลี่ยนแปลงโค้ด



อ้างอิงจากบทความ http://www.prestashopic.com/how-to-add-quantity-to-your-home-featured-module

ไม่มีความคิดเห็น:

แสดงความคิดเห็น