ให้เราไปแก้ไขไฟล์ product.tpl ใน theme ที่เราใช้งานจากนั้นหาโค็ดดังนี้

<!-- left infos-->
    <div id="pb-left-column">
        {if $product->description_short OR $packItems|@count > 0}
        <div id="short_description_block">
            {if $product->description_short}
                <div id="short_description_content" class="rte align_justify">{$product->description_short}</div>
            {/if}
            {if $product->description}
            <p class="buttons_bottom_block"><a href="javascript:{ldelim}{rdelim}" class="button">{l s='More details'}</a></p>
            {/if}
            {if $packItems|@count > 0}
                <h3>{l s='Pack content'}</h3>
                {foreach from=$packItems item=packItem}
                    <div class="pack_content">
                        {$packItem.pack_quantity} x <a href="{$link->getProductLink($packItem.id_product, $packItem.link_rewrite, $packItem.category)}">{$packItem.name|escape:'htmlall':'UTF-8'}</a>
                        <p>{$packItem.description_short}</p>
                    </div>
                {/foreach}
            {/if}
        </div>
        {/if}

และให้เราเพิ่มโค็ดด้านล่างใส่เพิ่มต่อจากบรรทัดของโค็ดด้านบน

<div class="product_manufacturer">
<a href="manufacturer.php?id_manufacturer={$product_manufacturer->id_manufacturer}" title="{l s='See all products...'}"><img src="img/m/{$product_manufacturer->id_manufacturer}-medium.jpg" /></a>
</div>

จากนั้นบันทึกแล้วเราก็จได้ดังรูปครับ

thank : http://prestaportal.com/thread-437.html

Product image enlarger ทำอะไรได้

1. เมื่อเอาเมาส์ไปวางเหนือรูปภาพสินค้า มันจะทำการขยายภาพให้ทันที ไม่ต้องคลิก!!!
2. ทำงานได้ในทุกหน้า ไม่ว่าจะเป็น best seller, new products หรือสินค้าที่โชว์อยู่หน้า Homepage
3. สามารถเปิด ปิด effect ได้
4. สามารถเปิด/ปิดค่าซูมภาพได้
5. สามารถติดตั้งและถอนการติดตั้งได้ทุกเมื่อ
6. ที่สำคัญ…ฟรีครับผม

ขั้นตอนการใช้งาน

1. ดาวโหลด module Product image enlarger ได้จาก http://www.marghoobsuleman.com/prestashop-modules/prestashop-modules-image-enlarge-v1.3 (การติดตั้งสามารถดูได้จาก วิธีติดตั้ง module ใน prestashop)
2. หลังจากติดตั้งแล้วให้ทำการเปิดการใช้งาน แล้วคลิกที่ ตั้งค่า
   
3. กดติ้กเปิดทั้ง 2 อันเพื่อความเท่…
   

จะได้ดังรูป

Thank : marghoobsuleman.com

ให้ไปที่หน้า admin ของ prestashop จากนั้นไปที่เมนู Payment >> Vouchers แล้วคลิกเพิ่มใหม่

ส่วนแรกน่ะครับ

1. รหัส : กำหนดรหัสหรือโค็ดสำหรับคูปองตัวนี้ ถ้านึกไม่ออกสามารถกดปุ่ม new แล้วมันจะสุ่มรหัสมาให้ครับ
2. ประเภท : เลือกประเภทส่วนลดของคูปองมี เปอร์เช็น , ลดตามจำนวนเงิน , จัดส่งฟรี
3. หมวดหมู่ : เลือกหมวดหมู่ที่จะให้ส่วนลดสามารถใช้งานได้
4. รายละเอียด : ใส่รายละเอียดหรือคำอธิบายสั้นๆของส่วนลดตัวนี้
5. ค่า : ใส่ตัวเลขที่ต้องการลดลงไป อ้างตามประเภทข้อสอง เช่นถ้าใส่ 20 แล้วประเภทด้านบนกำหนดเป็น % ก็จะหมายถึงส่วนลดนี้ลด 20%
6. จำนวนทั้งหมด : จำนวนบัตรที่มีอยู่

ส่วนสุดท้าย

1. จำนวนส่วนลดต่อลูกค้าหนึ่งราย : จำนวนของคูปองต่อลูกค้าหนึ่งคน
2. ใช้ได้กับ : กำหนดว่าตูปองตัวนี้จะให้ใช้กับลูกค้าคนไหน หรือลูกค้าทั้งหมด
3. กำหนดระยะเวลาที่สามารถใช้งานคูปองได้

เราจะได้ส่วนลดมาใช้งานแล้ว สิ่งที่ต้องทำต่อไปคือนำรหัสหรือโค็ดของส่วนลดไปให้ลูกค้าที่ต้องการ ลูกค้าก็จะสามารถใช้งานได้

ให้เข้าไปที่หน้า admin ของ prestashop จากนั้นไปทำการแก้ไขสินค้าที่เราต้องการทำส่วนลด จากนั้นไปที่แท็บ ส่วนลด ดังรูป แล้วทำการกำหนดส่วนลดและจำนวนเมื่อทำการสั่งซื้อ เราสามารถกำหนดประเภทส่วนได้เป็นแบบ % และเป็นจำนวนเงินได้

เมื่อลูกค้าเข้ามาซื้อสินค้าของเราก็จะเจอกับส่วนแสดงลดราคาขึ้นมา และเมื่อลูกค้าซื้อสินค้าไปครบ 5 ชิ้นระบบก็จะทำการหัก 10% ให้ตามที่ผมตั้งไว้

อาจจะงงแต่พอทำออกมาแล้วก็จะเข้าใจเองครับเรามาดูกัน ให้เราไปที่หน้า admin ของ prestashop จากนั้นไปที่เมนู Catalog >> Features จากนั้นกด เพิ่ม Feature

กรอง รายละเอียดหลัก ของสินค้าลงไปเช่น ผมขายคอมพิวเตอร์ก็จะมี ประกันสินค้าโดยบริษัทไหน และประกันระยะเวลากี่ปี ผมก็พิมพ์ว่า ประกันสินค้าโดย ลงไปก่อน

จากนั้นผมก็เพิ่มอีก 1 อันคือ ระยะเวลาประกัน ตอนนี้เราก็จะได้ หัวข้อหลัก 2 อันละ ต่อมาเราจะมาเพิ่มในส่วนของข้อมูลเพิ่มเติมลงไปให้กับหัวข้อ 2 อันนี้ ให้เรากด เพิ่มค่า Feature

กรองรายละเอียดลงไป

1. เลือกหัวข้อที่จะเพิ่มค่าลงไปก่อน
2. ใส่ค่าที่ต้องการลงไป

อันนี้คือตัวอย่างของผมที่เพิ่มเข้าไปครับจะได้นึกภาพออก

จากนั้นให้กลับแก้ไขสินค้าเราครับเพื่อไปเพิ่ม Feature ให้กับมัน โดยกำหนดตามต้องการ แต่ถ้าไม่ต้องการ Features ไหนให้แสดงออกมาก็เลือกเป็นค่า — ครับ

เพียงเท่านี้เมื่อลูกค้าเข้ามาดูสินค้าของเราก็จะมีแท็บ ข้อมูลสินค้า เพิ่มเข้ามาและแสดงรายละเอียดของ feature ที่เราใส่เข้ามา เราจะได้ไม่ต้องกรองข้อมูลพวกนี้เองตลอดครับ ซึ่งมันคือข้อมูลที่ซ้ำเพื่อใช้กับสินค้าในร้านของเราอยู่แล้ว

หลังจากทำการเพิ่มสินค้าแล้วนะครับให้กลับมายังหน้า รายการสินค้า จะเห็น colum ชื่อว่า Media ตรงนี้ละครับที่จะทำการเพิ่มไฟล์หรือรูปภาพให้สินค้าตัวนี้ได้

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

ทำการ browse ไปรูปภาพของเรา และปรับแต่งค่าต่างๆตามต้องการจากนั้นกดบันทึก

จะทำการเพิ่มกี่รูปก็ตามสะดวกครับแล้วจากนั้นเราก็จะได้ดังรูปล่าง

โดยเริ่มจากให้เข้าไปที่หน้า admin แล้วไปที่เมนู Catalog > Manage Categories แล้วกดเลือกหมวดหมู่ที่เราทำไว้ ผมเลือก Mainboard แล้วจำค่า ID ของมันไว้ครับ ของผมคือ ID 3

แล้วให้ไปที่เมนู CMS > Manage pages คลิกที่ Home page ครับเพราะเราจะทำการแก้ไขหน้าแรก

แล้วใส่ code ลงไปดังนี้ ในช่อง id ให้เราเปลี่ยนตาม category id ที่เราได้มาจากด้านบน ของผมก็คือ 3 จากนั้นเซพ

{{block type="catalog/product_list" category_id="3" template="catalog/product/list.phtml"}}

เพียงเท่านี้เราก็จะได้สินค้ามาโชว์หน้าแรกแล้วครับ

ดูตัวอย่างได้ที่ http://shop.snappytux.com

โดยวิธีการใช้งานให้เราไปที่เมนู Catalog >> Reviews and Ratings >> Manage Ratings เราจะเห็น ratings ของเดิมที่ทาง magento ได้ทำขึ้นมาให้แล้ว ในส่วนนี้จะเป็นการจัดการ ratings ให้กับสินค้าครับ ซึ่งถ้าต้องการสร้างใหม่ก็ให้กด Add New Ratings

จากนั้นก็กรอกรายละเอียดต่างๆ เสร็จแล้วจากนั้นกด save ratings

1. Default Value คือค่าที่เราต้องการให้โหวตครับ เช่น ราคา , คุณภาพสินค้า เป็นต้น โดยส่วนนี้จะแสดงในหน้า admin
2. Default Store View ส่วนนี้จะเป็นส่วนที่แสดงบนหน้าสินค้าครับ
3. Visible In ในส่วนนี้คือ magento นั้นสามารถที่จะสร้างร้านค้าขายของได้หลายร้านภายในเว็บตัวเดียว ซึ่งถ้าเรามีอีกร้านก็สามารถเลือกได้ครับ แต่พอดีมีอันเดียวก็เลือกตามปกติ

โดยลูกค้าเราสามารถกด Be the first to review this product เพื่อเป็นการ vote สินค้าตัวนี้ครับ

สามารถให้คะแนนตามค่าที่เราสร้างมาก่อนหน้านี้ได้ และแสดงความคิดเห็นได้ด้วย

เมื่อลูกค้าเรากด submit มาแล้วความคิดเห็นนี้จะยังไม่ถูกแสดงออกมาโดยทันที โดยเราจะต้องมีหน้าที่ตรวจสอบก่อนและทำการยอมรับก่อน โดยให้ไปที่หน้า admin เลือกเมนู Catalog >> Reviews and Ratings >> Customer Reviews >> Pending Reviews

โดยในหน้านี้จะเป็นส่วนที่ลูกค้าแสดงความคิดเห็นมาแล้วจะมาอยู่ในนี้ทั้งหมดเพื่อรอ admin หรือเราเป็นคนตรวจสอบ โดยให้เราคลิกที่ความคิดเห็นของลูกค้าเพื่อทำการแก้ไข

จากนั้นให้เราดูที่หัวข้อ Status ให้เลือกเป็น Approved ถ้าเรายอมรับความคิดเห็นนี้ ถ้าไม่ก็เลือก Not Approved ในส่วนของ Pending เป็นการรอการตัดสินใจอยู่ จากนั้นกด Save Review

จากนั้นความคิดเห็นไหนที่เรายอมรับแล้วก็จะอยู่ในส่วนของ Catalog >> Reviews and Ratings >> Customer Reviews >> All Reviews

พอกลับดูที่หน้าสินค้าก็จะแสดง Rating เป็นรูปดาวให้เราเห็น

เมื่อกดเข้าไปดูก็จะเห็นความคิดเห็นทั้งหมดของสินค้าตัวนี้

โดยให้เราไปที่หน้า admin ของ mangento กจากนั้นไปที่เมนู System >> Configuration แล้วเลือกเมนูซ็ายมือว่า Catalog

ให้เราเปิดแท็บ Frontend ออกมาครับจากนั้นผมจะอธิบายเป็นหัวข้อๆไป พร้อมรูปภาพประกอบจะได้เห็นภาพกัน

ในหัวข้อ List Mode เป็นการเลือกว่าเราจะจัดเรียงออกมาเป็นแบบไหนครับ หลักๆจะมี Grid และ List ครับ

• Grid only เป็นการเลือกแสดงผลแบบ Grid อย่างเดียว ดังรูป
  
• List only เป็นการเลือกแสดงผลแบบ List อย่างเดียว ดังรูป
  

เรามาดูค่าที่เหลือกันครับโดยถ้าเลือกแบบ Grid only แล้วจะมีรายละเอียดอยู่ 2 อันคือ
Products per page on Grid allow values – เป็นการเลือกจำนวนการแสดงผลต่อหน้าครับ โดยจะเป็นช่องให้เลือกอยู่มุมขวามือ ให้ตัวตัวเลขลงไปครับ เช่น 6,12,18 ก็คือจะมีให้เลือกการแสดงผลออกมา 6 ชิ้น/หน้า หรือ 12 ชิ้น/หน้า หรือ 18 ชิ้น/หน้า ดังรูปครับ
Products per Page on Grid default value – เป็นการกำหนดค่าเริ่มต้นของการแสดงผลว่าจะแสดงกี่ชิ้นในหน้าแรก

ในส่วนของ List only ผมขอข้ามครับซึ่งก็จะเหมือนกับ Grid only ค่ารูปแบบเดียวกันครับ เรามาดูในส่วนของตัวเลือก Grid(default) / List และ List(default) / Grid

ซึ่งถ้าเราเลือกรูปแบบนี้ไม่ว่าจะเป็น Grid(default) / List หรือ List(default) / Grid การแสดงผลจะแสดงผลออกมาตามค่า default เป็นค่าแรก เช่น เราเลือก Grid(default) / List แสดงผลในหน้าสินค้าก็จะออกมาเป็นแบบ Grid แต่จะมีให้เลือกเปลี่ยนไปเป็นการแสดงผลแบบ List ได้ครับดังรูป

ค่าอื่นๆในส่วนของ Grid(default) / List หรือ List(default) / Grid จะไม่พูดถึงน่ะครับ จะใช้งานเหมือนกับด้านบนที่ได้กล่าวไปแล้ว ก็แล้วแต่เราเลือกครับว่าจะให้แสดงผลสินค้าออกมาในรูปแบบใด…

เรามาดูวิธีทำกันดีกว่าครับว่าเขาทำกันได้ยังไง โดยให้เราเข้าไปที่หน้า admin ของ magento น่ะครับ จากนั้นไปที่ Catalog >> Manager Categories

อธิบายกันสักนิด โดยปกติระบบจะทำการสร้าง category มาให้ 1 อันชื่อ Default Category ซึ่งตัวนี้ล่ะครับถ้าต้องการให้เกิดเมนูบาร์ขึ้นมา เราต้องสร้าง sub category ของตัวนี้ครับ ไม่ว่าจะเป็นสินค้าหรือหน้าเพจไหนก็ตาม

**ไม่แนะนำให้สร้าง root category ขึ้นมาใหม่ ถ้าจะทำเกี่ยวกับ category ของสินค้าก็ให้สร้างเป็น sub category ภายใต้ Default Category ครับ เพื่อวันหลังเราอาจจะต้องการโชว์สินค้าตัวนี้ขึ้นมาที่เมนูบาร์จะได้ไม่ต้องมาสร้างใหม่**

เรามาดูในส่วนของการสร้างเมนูบาร์ให้ลิงค์ไปยังสินค้าของเรากันก่อนละกันครับ โดยให้สร้างเป็น Subcategory กดที่ปุ่ม Add Subcategory จากนั้นใส่รายละเอียดตาม วิธีเพิ่ม category ให้กับ magento นี้ครับ จากนั้นเรามาดูในหัวข้อ Is Active คือถ้าเราเลือก Yes แล้ว category ที่เราสร้างอยู่ใน sub ของ Default Category ก็จะเกิดเมนูบาร์สำหรับ category ตัวนี้แล้วครับ

จากนั้นมาดูที่แท็บ Display Setting ในส่วนนี้จะเป็นการแสดงผลของ category นี้ครับในหน้าเพจ

จากนั้นก็ให้เราสร้างสินค้า แล้วนำสินค้ามาใส่ลงใน category ที่เราสร้างขึ้นมาครับ เพียงเท่านี้หลังจากที่เรากดที่ เมนูบาร์ ก็จะลิงค์มายังสินค้าของเราแล้ว และถ้าเราสร้าง subcategory ภายใน category cpu อีกก็จะมีเมนูให้เลือกมาอีกครับ

Trick เล็กๆน้อยๆครับ สังเกตุ category ของผมไหมคือจะมีหมวดหมู่หลักคือ Computer และมี CPU กับ RAM เป็นหมวดหมู่ย่อย ทำไมหมวดหมู่ cpu ของผมถึงรู้ได้ว่ามี cpu และ ram เป็นหมวดหมู่ย่อยของมัน โดยมันจะถึง list สินค้าของ cpu และ ram มาเป็นสินค้าในตัวมันเองด้วย โดยให้เรากำหนดที่แท็บ Display Setting ในหัวข้อ Is Anchor ให้เลือกเป็น Yes ครับเพียงเท่านี้ computer ของผมไม่ว่า sub ของมันจะมีสินค้าชนิดไหน ตัวมันเองก็จะมีครับ

ประโยชน์ก็คือ เวลาเรากดที่เมนูบาร์ cpu มันจะแสดง list สินค้าที่อยู่ทั้งหมดใน cpu และ ram ออกมาแสดงครับ ดูได้ตามรูป

ต่อมาเรามาสร้างเมนูบาร์เพื่อลิงค์ไปยังหน้า page ปกตินะครับ ให้ไปที่เมนู CMS >> Static Blocks

กดปุ่ม Add New Block ที่มุมขวาบน

ใส่รายละเอียดลงไปครับ

1. Block Title ใส่ชื่อของ block ครับ ส่วนนี้จะทำการอ้่างอิงกับ category ผมตั้งว่า BlogContent
2. Identifier เป็นเหมือนรหัสของ block ที่เราสร้างขึ้นมาอะครับ
3. Status เลือก Enable เพื่อเปิดการใช้งาน
4. Content ในส่วนนี้จะเป็นการแสดงผลออกมาหน้า page น่ะครับสามารถใส่ code html ได้ตามต้องการ

ต่อมาเรามาสร้างเมนูบาร์เพื่อลิงค์ไปยังหน้า block ที่เราสร้างมาน่ะครับ ให้เราสร้าง subcategory ภายใต้ Default category เช่นเดิม ผมตั้งชื่อว่า Blog ล่ะกัน

ในส่วนของแท็บอื่นๆก็ตั้งค่าตามสบายครับเราจะมาดูในส่วนของแท็บ Display Setting กัน

1. Display Mode ให้เลือก Static block only เพื่อให้มันแสดงผลออกมาเฉพาะ block
2. CMS Block ให้เลือก block ที่เราสร้างมาเมื่อกี้ก็คือ BlogContent

จากนั้นทำการ save category ครับ เราก็จะได้มาแล้วครับสำหรับเมนูเพื่อลิงค์ไปยัง block ที่เราสร้างมา ในหน้านี้ผมไม่รู้จะใส่ไรลงไปผมเลยใส่ iframe แล้วลิงค์มายังหน้า killthewhat แทน ฮาๆหรือขี้เกียจนั่นเอง

ปล.ดูเว็บตัวอย่างได้ที่ http://killthewhat.com/magento/index.php/ หรือใครจะลองสมัครแล้วซื้อของก็ไม่ว่า โอนเงินมาด้วยน่ะครับ ^ ^ (แต่ไม่มีสินค้าให้น่ะ)