โดยให้เราโหลด theme admin มาจาก http://graficke-navrhy.eu/prestashop/ จากนั้นแตกไฟล์ออกมาจะพบกับแบบนี้

จากนั้นเข้าไปในโฟลเดอร์ที่เป็นชื่อ theme แล้วจะพบอีกสามโฟลเดอร์ โดยให้นำ css/ และ img/ ดังรูปไปไว้ที่ root ของ prestashop ที่เราติดตั้งไว้

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

แล้วกลับไปยังหน้า admin อีกครั้งเพียงเท่านี้หน้าตา admin ก็จะเปลี่ยนไปแล้วครับ

เหมาะสำหรับคนที่กำลังเริ่มทำหรือพัฒนาเว็บไซต์ prestashop และทุกเพศทุกวัย

ให้ไปที่หน้า admin ของ pretashop จากนั้นคลิกที่เมนู Tools > DB Backup

จากนั้นคลิกที่ Create new back-up

ระบบจะทำการสำรองฐานข้อมูลของเราให้ เราสามารถดาวโหลดเก็บไว้ในเครื่องเราได้ครับ

และเมื่อเรากลับไปยังหน้า DB Backup ก็จะพบกับฐานข้อมูลที่เราทำการสำรองไว้แล้ว

ส่วนใครที่ทำการสำรองฐานข้อมูลไม่ได้หลังจากกด Create new back-up แล้วให้ทำการแก้ไขสิทธิ์ของโฟลเดอร์ /adminXXX/backups ใน prestashop ให้สามารถเขียนไฟล์ได้ครับ

ใครสนใจสามารถดาวโหลดได้จาก http://www.devedition.com/modules-prestashop/ และมาทำการติดตั้ง module และเปิดการใช้งานครับจะมีค่า configuration ให้ตั้งค่า

ซึ่งตัว module จะบังคับให้ใส่อยู่ 4 รูปสามารถอัพโหลดรูปสินค้าขึ้นไปเองได้ และใส่ url เพื่อลิงค์ไปยังสินค้าดังกล่าวได้ครับ

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

ให้เราโหลด module มาทำการติดตั้งก่อนโดยโหลดได้จาก http://www.prestashop.com/forums/viewthread/31160 จากนั้นเปิดการใช้งานเลยครับ

แค่นี้ละครับเราก็จะได้ปุ่ม social network มาใช้งานแล้ว

ให้เราไปแก้ไขไฟล์ 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

วิธีทำก็ไม่ยากให้โหลดไฟล์มาจาก http://www.prestashop.com/forums/viewthread/25836 ก่อน เจ้าของไฟล์ดันเรียกเป็น module ผมว่ามันไม่ใช่ module นะเพราะเราต้องเข้าไปแก้ไขโค็ดเอง

หลังจากโหลดมาแล้วทำการแตกซิบไฟล์ออกมา ให้เข้าไปที่โฟลเดอร์ root/ แล้วก็อปปี้โฟลเดอร์ js/ ออกมาใส่ไว้ที่ตัวเว็บของ prestashop

จากนั้นทำการแก้ไขไฟล์ admin/tabs/AdminCMS.php โดยหาคำว่า

plugins : "safari,pagebreak,style,layer,table,advimage,advlink,inlinepopups,media,searchreplace,contextmenu,paste,directionality,fullscreen",

แก้เป็น

plugins : "safari,pagebreak,style,layer,table,advimage,images,advlink,inlinepopups,media,searchreplace,contextmenu,paste,directionality,fullscreen",

และหาคำว่า

theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,,|,forecolor,backcolor",

แก้ไขเป็น

theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,images,cleanup,help,code,,|,forecolor,backcolor",

จากนั้นทำการบันทึกเพียงเท่านี้เมื่อเราเข้าไปที่ CMS และใช้งานในส่วนของ WYSIWYG editor ที่เขาเอามาให้แล้วใช้ไอคอนดังรูป ก็จะสามารถอัพโหลดรูปขึ้น server เราได้แล้วครับ…

ให้เราเข้าไปที่ phpmyadmin ของฐานข้อมูล prestashop ของเราจากนั้นคลิกที่ตาราง ps_category_lang (ps คือค่า prefix ของแต่ละคนในที่นี้อาจจะไม่เหมือนกัน)

จากนั้นเราจะเห็น field ชื่อ “Home” ให้คลิกที่ดินสอครับเพื่อทำการแก้ไข

ในช่อง name ให้เราเปลี่ยนคำว่า Home ไปเป็นคำที่เราต้องการ

ลองกลับไปดูที่หน้า backend ใหม่อีกครั้ง

สามารถโหลดโมดูลตัวนี้ได้จาก http://www.prestashop.com/forums/viewthread/19866/modules/module_sliding_accordion_categories_block แล้วทำการติดตั้งโมดูลลงใน prestashop ร้านค้าของเราครับ จากนั้นไปที่หน้า admin ไปที่เมนู Modules เพื่อเปิดการใช้งาน

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

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

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

ดูจากภาพแล้วคงถูกใจใครหลายๆคน โมดูลมีชื่อว่า Message Jgrowl (ดาวโหลด) ให้เราทำการติดตั้งโมดูลลงใน prestashop ของเราก่อนเลยครับ (วิธีติดตั้ง module ใน prestashop)

จากนั้นไปที่เมนู Module คลิก Configure ที่ Message Jgrowl

เราจะพบกับหน้าการตั้งค่าของโมดูล

1. Title ชื่อหัวข้อ
2. Message ข้อความที่ต้องการแสดง สามารถใส่รูปเพิ่มเติมได้
3. Position ตำแหน่งในการแสดง pop up

กำหนดสีพื้นหลังและสีข้อความ

1. Use ThemeTheme เลือกใช้งาน theme ที่เขานำมาให้ แต่ผมลองแล้วมันก็คือการใส่รูปพื้นหลังนั้นละครับ เราสามารถเปลี่ยนรูปได้โดยไปที่ไฟล์ modules/messagejgrowl/theme/image.png นำรูปใหม่ของเรามาใส่และตั้งชื่อเดิมครับ
2. Only in Home กำหนดให้แสดงเฉพาะหน้าแรก

จากนั้นกดเซพเราก็จะได้ pop up มาแสดงในเว็บเราแล้วครับ