<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
><channel><title>รวมวิธีการใช้ Wordpress, Joomla, Drupal, Magento และ SEO &#187; สไลด์</title> <atom:link href="http://killthewhat.com/tag/%e0%b8%aa%e0%b9%84%e0%b8%a5%e0%b8%94%e0%b9%8c/feed/" rel="self" type="application/rss+xml" /><link>http://killthewhat.com</link> <description>Knowledge Base by howhost.com</description> <lastBuildDate>Fri, 24 Dec 2010 15:00:17 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.0.3</generator> <item><title>Image mapping เพิ่มลูกเล่นภาพให้กับ category ใน prestashop</title><link>http://killthewhat.com/prestashop-tutorials/image-mapping-%e0%b9%80%e0%b8%9e%e0%b8%b4%e0%b9%88%e0%b8%a1%e0%b8%a5%e0%b8%b9%e0%b8%81%e0%b9%80%e0%b8%a5%e0%b9%88%e0%b8%99%e0%b8%a0%e0%b8%b2%e0%b8%9e%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b8%81%e0%b8%b1/</link> <comments>http://killthewhat.com/prestashop-tutorials/image-mapping-%e0%b9%80%e0%b8%9e%e0%b8%b4%e0%b9%88%e0%b8%a1%e0%b8%a5%e0%b8%b9%e0%b8%81%e0%b9%80%e0%b8%a5%e0%b9%88%e0%b8%99%e0%b8%a0%e0%b8%b2%e0%b8%9e%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b8%81%e0%b8%b1/#comments</comments> <pubDate>Thu, 01 Oct 2009 16:19:51 +0000</pubDate> <dc:creator>snappy</dc:creator> <category><![CDATA[PrestaShop]]></category> <category><![CDATA[image]]></category> <category><![CDATA[image mapping]]></category> <category><![CDATA[รูปภาพ]]></category> <category><![CDATA[สไลด์]]></category> <category><![CDATA[หมวดหมู่]]></category><guid
isPermaLink="false">http://killthewhat.com/?p=4676</guid> <description><![CDATA[Image mapping เป็นเมนูที่ให้เราสามารถใส่ภาพประกอบใน category ได้ดังรูปบน โดยถ้าเรากำหนดหลายๆรูปลงไป รูปแบบจะออกมาเป็นแบบสไลด์ ประโยชน์ก็คือเพิ่มคำอธิบายที่เป็นรูปภาพเข้าไปด้วยเพื่อให้ลูกค้าเราเข้าใจมากว่าขึ้นว่าหมวดหมู่นี้คืออะไร ให้เราไปที่หน้า admin ของ prestashop จากนั้นไปที่เมนู Catalog >> Image mapping แล้วกด เพิ่มใหม่ กำหนดชื่อจากนั้นทำการอัพโหลดรูปที่ต้องการลงไป จากนั้นมันจะกลับมาหน้าเดิมให้เราคลิกเข้าไปที่เราสร้างไว้เพื่อทำการแก้ไข เราจะเห็นรูปที่เราอัพโหลดขึ้นมา จากนั้นทำการติ้กช่องหมวดหมู่ที่เราต้องการให้แสดงออกมา แล้วทำการบันทึกซะ แล้วลองกลับไปดูที่หน้าแรกคลิกที่หมวดหมู่ของเราก็จะเห็นรูปที่เราทำการอัพขึ้นไป หากต้องการแบบดังรูปบนสุดให้เพิ่มรูปที่สองขึ้นไปแล้วกำหนดช่องหมวดหมู่เป็นอันเดียวกับรูปแรก เช่นของผมจะกำหนดรูปแรกอยู่ในหมวดหมู่ CPU รูปสองก็กำหนดให้อยู่ในหมวดหมู่ CPU ด้วยเช่นกัน การทำแบบนี้จะทำให้รูปที่แสดงออกมาเป็นแบบสไลด์ มี thumbnail แล้วกดเพื่อดูรูปใหญ่ได้ แนะนำผมว่าถ้าใส่เป็นรูปตัวสินค้าเลยก็จะดีมากทำให้ลูกค้าที่กดเข้ามารู้ได้ทันทีว่าเข้ามาดูถูกหมวดแล้วนะ จะได้ไม่ต้องหนีไปไหนอีก ^ ^]]></description> <content:encoded><![CDATA[<p><a
href="http://killthewhat.com/wp-content/uploads/2009/10/prestashop.png" rel="lightbox[4676]"><img
src="http://killthewhat.com/wp-content/uploads/2009/10/prestashop.png" alt="prestashop" title="prestashop" width="630" height="282" class="aligncenter size-full wp-image-4677" /></a><br
/> Image mapping เป็นเมนูที่ให้เราสามารถใส่ภาพประกอบใน category ได้ดังรูปบน โดยถ้าเรากำหนดหลายๆรูปลงไป รูปแบบจะออกมาเป็นแบบสไลด์ ประโยชน์ก็คือเพิ่มคำอธิบายที่เป็นรูปภาพเข้าไปด้วยเพื่อให้ลูกค้าเราเข้าใจมากว่าขึ้นว่าหมวดหมู่นี้คืออะไร<span
id="more-4676"></span> ให้เราไปที่หน้า admin ของ prestashop จากนั้นไปที่เมนู Catalog >> Image mapping แล้วกด เพิ่มใหม่<br
/> <img
src="http://killthewhat.com/wp-content/uploads/2009/10/prestashop1.png" alt="prestashop" title="prestashop" width="630" height="285" class="aligncenter size-full wp-image-4678" /></p><p>กำหนดชื่อจากนั้นทำการอัพโหลดรูปที่ต้องการลงไป<br
/> <img
src="http://killthewhat.com/wp-content/uploads/2009/10/prestashop2.png" alt="prestashop" title="prestashop" width="630" height="380" class="aligncenter size-full wp-image-4681" /></p><p>จากนั้นมันจะกลับมาหน้าเดิมให้เราคลิกเข้าไปที่เราสร้างไว้เพื่อทำการแก้ไข<br
/> <img
src="http://killthewhat.com/wp-content/uploads/2009/10/screenshot_001.png" alt="prestashop" title="prestashop" width="444" height="346" class="aligncenter size-full wp-image-4682" /></p><p>เราจะเห็นรูปที่เราอัพโหลดขึ้นมา จากนั้นทำการติ้กช่องหมวดหมู่ที่เราต้องการให้แสดงออกมา แล้วทำการบันทึกซะ<br
/> <img
src="http://killthewhat.com/wp-content/uploads/2009/10/prestashop3.png" alt="prestashop" title="prestashop" width="630" height="419" class="aligncenter size-full wp-image-4683" /></p><p>แล้วลองกลับไปดูที่หน้าแรกคลิกที่หมวดหมู่ของเราก็จะเห็นรูปที่เราทำการอัพขึ้นไป หากต้องการแบบดังรูปบนสุดให้เพิ่มรูปที่สองขึ้นไปแล้วกำหนดช่องหมวดหมู่เป็นอันเดียวกับรูปแรก เช่นของผมจะกำหนดรูปแรกอยู่ในหมวดหมู่ CPU รูปสองก็กำหนดให้อยู่ในหมวดหมู่ CPU ด้วยเช่นกัน การทำแบบนี้จะทำให้รูปที่แสดงออกมาเป็นแบบสไลด์ มี thumbnail แล้วกดเพื่อดูรูปใหญ่ได้</p><p>แนะนำผมว่าถ้าใส่เป็นรูปตัวสินค้าเลยก็จะดีมากทำให้ลูกค้าที่กดเข้ามารู้ได้ทันทีว่าเข้ามาดูถูกหมวดแล้วนะ จะได้ไม่ต้องหนีไปไหนอีก ^ ^</p> ]]></content:encoded> <wfw:commentRss>http://killthewhat.com/prestashop-tutorials/image-mapping-%e0%b9%80%e0%b8%9e%e0%b8%b4%e0%b9%88%e0%b8%a1%e0%b8%a5%e0%b8%b9%e0%b8%81%e0%b9%80%e0%b8%a5%e0%b9%88%e0%b8%99%e0%b8%a0%e0%b8%b2%e0%b8%9e%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b8%81%e0%b8%b1/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (user agent is rejected)
Database Caching 6/31 queries in 0.010 seconds using disk

Served from: killthewhat.com @ 2012-02-09 22:30:15 -->
