แก้ไข cssปรับแต่งเลขลำดับเปิดอ่านบทความ และปุ่ม Readmore ในบล็อกขายของVirtueMart3.0

เลขลำดับ แสดงจำนวนหน้าบทความ และปุ่มอ่านเพิ่ม สามารถปรับแต่งแก้ไขให้สวยงามกว่าเดิมได้โดยใช้วิธีการแก้ไข css ในหน้าเทมเพลตนั้นๆ ซึ่งภายจะเขียนโดยโค๊ชเยอะแยะมากมาย แต่มือใหม่มักจะค้นหากันไมเจอ ผู้เขียน ขออธิบาย ให้แจ่มแจ้งกันเลยสะทีเดียว

บทความ สอนวิธีการ ปรับแต่ง css ปุ่มกด เลขหน้า เปิดอ่านบทความ ในตำแหน่งล่างสุดของเว็บไชต์ ซึ่งจะมีไฟล์ภาษา ที่เขียนว่า เริ่มต้น ก่อนหน้า 1 2 3 4 5 6 7 8 910 ต่อไป สุดท้าย ซึ่งผู้เขียนได้แบ่งหน้าบทความไว้เปิดอ่าน 10 หน้านั่นเอง
ตำแหนงของการแก้ไข css คือ /templates/beez3/css/personal บรรทัด 195

เปลี่ยนสี ปุ่มอ่านเพิ่ม ปุ่มคลิก เปิดอ่านบทความ
ตำแหนงของการแก้ไข css คือ /templates/beez3/css/personal บรรทัด 87

เปิดช่องฟิลด์แบบกำหนดเองแสดงสถานะสินค้าในบล็อกขายของ VirtueMart3.0

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

บทความแสดงตัวอย่าง การใส่ป้ายกำกับ แสดงสถาณะการตรวจสอบสินค้า ในแต่ละรายการ หน้าหมวดสินค้าอย่างย่อ โดยการเปิดช่องฟิลด์แบบกำหนดเอง
1.ตั้งค่าระบบ การใช้เครื่องมือช่วยพิมพ์ โดยการเปิดใช้ ตัวช่วยเขียนเนื้อหา >> Editer-Jce
2.เปิดใช้งาน เมนูคอมโพแนนท์ คลิก>>เมนู VirtueMart คลิก>>เมนู ผลิตภัณฑ์ คลิก>>เลือกรายชื่อสินค้าฯลฯ
3.เปิดใช้งานใน ลิสบล็อก เลือก ประเภทช่องรับข้อมูลแบบกำหนดเอง คลิก>> Group 
4.คลิกปุ่ม Inseart/Edit inmage ในชุดเครื่องมือเขียนบทความ Editer-Jce แล้วเลือกภาพ ในโฟลเดอร์เก็บภาพป้ายกำกับ ที่เตรียมไว้

วิธีการสร้างโฟล์เดอร์ เพื่อจัดเก็บไฟล์รูปภาพแยกพิเศษ อ่านได้ที่นี่ http://makingjoomla.blogspot.com/2016/11/joomla3_21.html

ป้ายกำกับ แสดงสถาณะของสินค้า จะต้องสร้างและอัพโหลดเตรียมรอไว้ก่อนแล้ว อาจจะสร้างโฟล์เดอร์ใหม่โดยใช้เฉพาะการ โดยสร้างชื่อโฟลเดอร์ให้สัมพันธ์กัน เพื่อความง่ายในการเรียกใช้

แทรกป้ายโฆษณา Adsense บนเว็บบล็อกขายของ VirtueMart3.0

ป้ายโฆษณาของค่าย Adsense ยักษ์ใหญ่ที่สุดของเครื่อข่ายโฆษณา ‎Ad unit เปิดบริการให้ผู้มีเว็บไชต์ สมัครเป็นสมาชิค รับโค๊ตป้ายโฆษณา แทรกบนหน้าเว็บไชต์ของตนเอง ซึ่งปัจุบัน สามารถกำหนดคุณลักษณะป้ายโฆษณาออกมาให้ใช้ ได้หลายๆแบบ

วางป้ายโฆษณา แบบใช้ภาพ หรือ แทรกแบนเนอร์ ในหน้าเว็บบล็อก VirtueMart3.0โดยการสร้างป้ายโฆษณาแบบโมดูลเมนู ขั้นพื้นฐาน
วิธีการ สร้างป้ายโฆษณา แบบแทรกโมดูล อ่านได้ที่นี่
http://makingjoomla.blogspot.com/2017/02/joomla3x.html

บทความ สอนวิธีการแทรก โค๊ตโฆษณา Adsense ในเทมเพลต เว็บบล็อกขายของ VirtueMart3.0 จะแบ่งออกเป็นสองหน้าหลักด้วยกัน คือแทรก ในเนื้อหาของบทความ และแทรกในหมวดหมู่ของบทความ ซึ่งการแทรกโค๊ต Adsense ในเทมเพลตแบบนี้ จะแทรกเพียงครั้งเดียว แต่จะแสดงผลได้ตลอดไป

แทรกโค๊ต โฆษณา Adsense ในเนื้อหาของบทความ/Article
ค้นหาไฟล์เว็บ :/templates/beez3/html/com_content/article บรรทัดที่ 45 หรือทดลองแทรกบรรทัดอื่นๆก่อนก้ได้ แล้วลองเปิดดูหน้าเว็บ

แทรกโค๊ด โฆษณา Adsense ในหมวดหมู่ของบทความ/ category
ค้นหาไฟล์เว็บ:/templates/beez3/html/com_content/category/blog.php บรรทัด 35,50 ประมาณนี้ หรือทดลองแทรกบรรทัดอื่นๆดู แล้วดูผล

แก้ไขหน้าตาเทมเพลตคอมโพเนนท์VirtueMart3.0 จัดข้อความใต้ภาพสินค้าให้กลี่งกลาง

คอมโพแนนท์ VirtueMart3.0 สำหรับการออกแบบหน้าตาร้านค้า สำหรับผู้เขียนแก้ไข สองหน้าหลักๆด้วยกันคือ หน้าที่แสดงสินค้าอย่างย่อ และ หน้าที่แสดงสินค้าขนาดเต็มหน้าจอ โดยหลักการแก้ไข จริงๆจะอยู่ที่การจัดตาราง ของการวางสินค้าในหน้าแรก ซึ่งจะเป็นที่หลักที่่สำคัญที่สุด และเป็นหน้าที่เค้านิยมแก้ไขกัน 

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

บทความ สอนวิธีการ จัดหน้าตารางสินค้า ระหว่างชื่อ สินค้าและภาพอย่างย่อ ให้สวยงาม

หน้าจอ แสดงสินค้าอย่างย่อ หรือหน้าแสดงสินค้าตัวอย่าง ผู้เขียน แก้ไขไฟล์เว็บที่ชื่อ vm-ltr-site โดยกเพิ่มโค๊ต ในบรรทัดที่ 559 padding-left:10px เพิ่มเป็น padding-left:15px เพือเพิมควาเยื้องตัวตารางใหม่ เวลาใชื่อรหัส สินค้า บรรทัดต่อมา ใส่ชื่อพระเครื่อง ความห่างของช่องไฟจะพอดีๆ ส่วนนี้ สามารถเพิ่ม ป้ายกำหนดสถานะของสินค้าได้เช่นกัน เหมือนเทมเพลตราคาแพงของเค้าเลย เช่น ป้ายกำหนดสถาณะ สินค้า ขายแล้ว โทรถาม โชว์สินค้า พร้อมเช่า เราเรียกการกระทำแบบนี้ว่า การกำหนด ช่องฟิลด์ที่กำหนดเอง ซึ่งถ้าผู้เขียนใส่แบบเต็มสูบ ข้อมูลครบๆ จะสวยงามกว่านี้ แต่ตอนนี้เอาแค่นี้ก่อน เพราะพระเครื่องเยอะมากมาย อัพโหลดไมไหว

แก้ไขหน้าตาร้านค้าบล็อกขายของVirtueMart3.0

หมวดหมู่ของสินค้า ในเว็บบล็อกขายของ VirtueMart3.0 แม่แบบ โดยพื้นฐาน จะมีหน้าตาเหมาะสำหรับขายของทั่วๆไป สินค้านำสมัย สินค้านำเข้า ผลิตภันฑ์สินค้าสำหรับคนรุ่นใหม่

หน้าตาของ หมวดสินค้า ตัวอย่าง จะมีแต่ ขายสินค้าแนวเสื้อผ้า รองเท้า จะเป็นสินค้าตัวอย่าง สำหรับ การเริมต้น การใช้งาน VirtueMart เบอร์3 ฝึกหัดทดลองใส่สินค้า ปรับแต่ง แก้ไข การสร้างรายการเมนูเชื่อมโยงสินค้ามายัง VirtueMartโดยไม่ต้องแก้ไขเรื่องของ โค๊ตเพราะไม่จำเป็นต้องแก้ไข ถ้าขายของประเภทนี้

 หมวดสินค้า สำหรับ ซื้อขาย/เช่าบูชาพระเครื่อง จะใช้แม่แบบ VirtueMart3.0 ผู้เขียนแก้ไข ดัดแปลง ตารางสินค้าค่อนข้างเยอะ และจัดหน้าตาให้เหมาะกับการขายพระเครื่องเฉพาะการ จึงดูเรียบง่าย แต่แสดงผลออกมาดีโดยเฉพาะ บนโทรศัพย์มือถือรุ่นใหม่ แท็บแล็ตฯลฯ

บทความ แสดงวิธีการแก้ไข ตารางสินค้า ในหมวดหมู่สินค้า พระเครื่อง จะแก้ไขเพียงไฟล์เว็บcss เพียงครั้งเดียวแต่จะใช้ได้ทุกหมวดหมู่สินค้า
ไฟล์เว็บไชต์ ที่ต้องแก้ไข:vm-ltr-site ลบ บรรนทัดที่ 1235-1386

ทดสอบเปิดดูในโทรศัพย์ มือถือหรือแท็บเล็ตฯลฯ หน้าตาสินค้าในหมวดหมูนี้ จะแสดงผลออกมาเหมือนดูในคอมพิวเตอร์ PC จะ Fix หน้านี้ไว้ให้เลย

ลบคำบรรยายเหนือภาพ ในหน้าแสดงสินค้าหน้าสุดท้ายVirtueMart3.0

ลบข้อความในหน้าจอท้ายสุด ของภาพสินค้า Description หรือที่เรียกว่า หน้าโชว์ภาพสินค้า ขนาดใหญ่ แบเต็มหน้าจอ ซึ่งเป็นหน้านี้นิยมแก้ไขกัน ด้วยเหตุผลเดียวกัน คือ เเต่งเว็บ ให้แสดงภาพสินค้าได้หล่ายๆแบบ

ปลักอินส่วนเสริมที่ชื่อ ว่า mavikThumbnails จะใช้งานไม่ได้ในหน้าแสดงภาพสินค้าใน VirtueMart3.0 แต่แสดงได้เฉพาะภาพใน บทความในเนื้อหาอย่างเดียว แต่จะมีปลักอินที่ชื่อ ว่า virtuemart2magiczoomplus ซูมภาพ ส่ององค์พระได้ทั่วทั้งองค์ ซึ่งจะดีการแสดงภาพแบบแรก

บทความ แสดง วิธีการลบ คำบรรยาย เหนือภาพสินค้า Description โดยการแก้ไขไฟล์ เว็บ css ในบรรทัด 112 ที่อยู่ไฟล์เว็บ components/com_virtuemart/views/productdetails/tmpl/default.php

โค๊ต ที่เขียนว่า echo nl2br($this->product->product_s_desc);ใส่เครื่องหมายปิดการใช้งาน /*ปิดหัวปิดท้าย/*ข้อความบรรยายเหนือภาพ ก็จะหายไปแล้ว

ตัวอย่าง หน้าจอแสดงสายการสินค้าในเว็บบล็อกขายของVirtueMart3.0

เว็บบล็อกทำเงิน ขายสินค้าออนไลน์ โดยใช้โปรแกรม สำเร็จรูป แม่แบบ มาตรฐาน VirtueMart3.0 ดัดแปลงแก้ไข ให้เป็นแม่แบบ ขายพระเครื่องโดยเฉพาะการ โดยขึ้นโครงเว็บแก้ไข ในส่วนของภาพแสดงสินค้าอย่างย่อและและหน้าสุดท้ายของการแสดงภาพสินค้าแบบเต็มหน้าจอ  ซึ่งสามารถใส่ภาพสินค้าหลายๆภาพได้อย่างไม่จำกัด

ตัวอย่าง: หน้าจอ แสดงรายการสินค้าในหมวดพระสมเด็จ เป็นหน้าแสดงสินค้าตัวอย่างแบบ Thumbnails ในหนึ่งหน้า และหน้าต่อๆไป คือหน้า 1-2-3-4-5-6-7 ต่อไป และสุดท้าย หนึ่งหน้า เรียง 3 คอลัมน์ 12 ภาพ ซึ่งดีที่สุดแล้วจะได้ประมาณนี้

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

ใส่คำบรรยายภาพ รายละเอียด ของสินค้าหน้านี้ จะ ใส่ข้อมูลได้เยอะ เพราะใช้เครื่องมือช่วยการเขียนบทความพื้นฐาน เช่น ใส่รูปพระเครื่อง มีทั้งด้านหน้าและหลัง ด้านข้างฯลฯ หรือจะใส่กรอบล้อมรอบสินค้า ใส่ป้ายนำทางสินค้า เพื่อใช้ในการคลิกกลับไปมา ในหน้าเดิมของหมวดหมู่นั้น และมีปุ่ม Social Share แบบล่องหนเกิด ขึ้นหนือภาพ ส่งภาพในหน้าจอนี้ ให้กลุ่มเพื่อน กลุ่มของผู้ที่ชื่นชอบพระเครื่องใน Facdbook ปุ่ม line-it ก็ทำได้เช่นกัน

สร้างเมนูโมดูลบทความล่าสุดในเว็บบล็อกขายของVirtueMart3.0

เมนูโมดูลบทความล่าสุดหรือบทความที่คนนิยมอ่าน คือโมดูลที่มีอยู่ในระบบคอมโพแนนท์ก่อนแล้ว ซึ่งเราสามารถเรียกมาใช้งาน แสดงผลบนหน้าเว็บไชต์ได้ทันที

บทความแสดง วิธีการ สร้างคอมโพแนนท์แบบ แสดงเนื้อหา-ล่าสุด เนื้อหา-ยอดนิยม เพื่อเชื่อมโยงบทความ แยกย่อยๆเป็นเมนูหลายๆชั้น
คลิก>>เมนูส่วนเสริม>>คลิกแท็บโมดูล>>สร้างใหม่>>
คอมโพแนนท์ ที่ชื่อ เนื้อหายอดนิยม จะแทรกในหน้าเทมเพลต Position-7 ไล่รองลงมา คือคอมโพแนนท์ เนื้อหา-รายการล่าสุด แทรกในหน้าเทมเพลต Position-7เช่นเดียวกัน ซึ่งในหน้าจอถัดไป จะจับคู่กำหนดการทำงาน แต่ละหมวดหมู่ เลือกหมวดหมู่ได้หลายหมวด

สร้างเมนูเชื่อมโยงบทความในบล็อกขายของ VirtueMart3.0

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

การสร้างเมนู ส่วนหัวของเว็บไชต์บล็อกขายของ VirtueMart3.0 ซึ่งจะมี เมนู หน้าแรก เกี่ยวกับเรา วิธีการเช่าบูชา พระเครื่อง-ศาสนาฯลฯ มีวิธีการสร้างเมนู ตามภาพด้านบนจะต้องติดตั้งส่วนเสริม ใน Main menu หลัก โดยติดตั้ง ปลักอินโมดูล maximenuck goo.gl/W1uc2X แล้วเปิดใช้

ตั้งคา maximenuck ให้ทำงานแทรกลงไปในตำแหน่ง Position-2 แล้วเชื่อมโยงเมนู Main Menu และเทมเพลต Beez3 ส่วนแท็ป การตั้งค่าอื่นๆของ maximenuck ไม่ต้องยุ่งกับเค้า จากนั้นบันทึกแล่ัวกลับมาสร้างเมนูใหม่เพิ่ม

ตัวอย่างที่ 1 การสร้าง เมนู หน้าแรก

เมนูหน้าแรก เปลี่ยนชื่อ Home ให้เป็น หน้าแรก ซึ่งหมวดหมู่หลัก คือ Uncategorised  ซึ่งระบบได้ตั้งค่า่ตายตัวมาก่อนแล้ว การแสดงผลหน้าแรก บทความหน้าแรกจะอยู่ในหน้าหลักของเว็บไชต์เรา ซึ่งไม่ต้องไปแก้ไขอะไรมากมาย แก้ชื่ออย่างเดียวแล้วลบบทความหน้าแรกออกไป แล้วเขียนๆเพื่มเข้าไป

ตัวอย่างที่2 การสร้างเมนู เกี่ยวกับเรา

บทความทุกๆบทความ จะต้องมีหมวดหมู่บทความประจำบทความนั้นก่อน ผู้เขียนแนะนำให้ สร้างหมวดหมู่บทความรอไว้ก่อน เช่น หมวดหมู่เกี่ยวกับเรา

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

บันทึก ออกมาสร้างรายการเมนูไอเทม เมนูที่ชื่อว่า เกียวกับเราเพื่อทำปุ่มคลิกเปิดอ่านบทความ เมนูใหม่ เกี่ยวกับเรา

คลิก>>Main Menu คลิก>>เพิ่มเมนูใหม่ จะเข้าสู่หน้าจอถัดไป

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

เมนูเกี่ยวกับเรา จะอธิบายให้เข้าใจว่า เว็บไชต์ทำเกี่ยวกับอะไร นำเสนอเรื่องใด ก็บรรยายลงไป แต่บทความหน้าแรก และบทความเกี่ยวกับเรา ค่อนข้างจะเขียนยากหน่อย ต้องศึกษาแนวทางการเขียนเพื่อมเติมเยอะๆ ดูเว็บไชต์แบบเดียวกับเราสัก10-20เว็บจึ่งเริ่มเขียน แต่ตอนนี้ สร้างเมนูให้ได้ก่อน

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

แทรกข่าวหน้าแรกข่าวประชาสัมพันธ์ในบล็อกขายของVirtueMart3.0

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

แทรกภาพหรือ ป้ายโฆษณา บนหน้าเว็บบล็อก VirtueMart3.0 โดยตัวอย่างเว็บไชต์ ใช้ภาพช่วยเสริมหน้าเว็บไชต์ให้สวยงาม ถัดลงมาจากภาพ เขียนคำบรรยายคำโปรยเว็บไชต์ สื่อความหมายของผู้จัดทำเว็บไชต์ เป็นการแนะนำตัวตนได้ดีทีเดียว

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

บทความ แนะนำสอนวิธีการใช้งาน ปลักอินโมดูล Mini Frontpage
ดาวน์โหลด ได้ที่นี่ goo.gl/9klHWE ติดตั้งแล้วเปิดใช้งาน จะเข้าสู่หน้าจอการปรับแต่งการใช้งาน

การกำหนดการแสดงที่เมนู:หน้าจอนี้ กำหนดการใช้งานให้โชว์ข่าวสารได้หลายๆหน้าหรือต้องการจะเลือกโชว์ขาวสารไหนหน้าไหนก็ทำได้ง่ายมาก

General options: ในหน้าจอนี้ กำหนดให้เลือกหมวดหมู่ขาวสารไปแสดงผลหน้าแรกของเว็บไชต์ได้หลายหมวดหมู่แต่ส่วนใหญ่จะเลือกแค่หมวดหมู่ที่สำคัญก็พอแล้ว

สร้างโมดูลบทความหน้าแรกในบล๊อกขายของVirtueMart3.0

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

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

บทความ สอนวิธีการสร้าง โมดูลบทความมาแสดงผลในหน้าแรก โดยจะมีหลักการสร้างไม่กีขั้นตอน และจะมีข้อดีในการเรียกการใช้งานง่ายที่สุด
1.สร้างโมดูลแบบชนิด html สร้างเอง
2.กำหนดให้โมดูลดั่งกล่าว เชื่อมโยงไปแสดงหน้าแรก โดยกำหนดไว้ที่ position-12
3.เขียนคำบรรยายหน้าแรกของเว็บไชต์ เขียนๆๆแล้วแทรกภาพจัดตำแหน่งภาพให้เหมาะสม แล้วบันทึกเปิดดูผลงานที่หน้าเว็บไชต์เรา
4.หน้าแรกของบทความเว็บไชต์ ได้กำหนดหน้าแรก เป็นแบบ บทความเดี่ยวมาก่อนแล้ว ซึ่งอาจต้องเข้าไปปิดบทความเดียวสะก่อน ไม่เช่นนั้น มันจะแสดงผลหน้าแรก เป็นสองบทความ

แก้ไขโมดูล VirtueMart Productsลบคำบรรยายภาพรูปสินค้า

แก้ไข โมดูลเทมเพลต VirtueMart Products ส่วนเสริมในการแสดงภาพสินค้าในตำแหน่ง Position-6 หรือทางด้านขวาของเทมเพลต ลักษณะการทำงานของโมดูลชนิดนี้ จะแสดงผลด้วยภาพอย่างย่อและคำบรรยายใต้ภาพสินค้า ซึ่งจะดูไม่สวยในสายตาและจะดูไม่ดีในการใช้งาน ในข้อนี้ ต้องทำการแก้ไขลบโค๊ดเว็บบางตัวออกไปก่อน

บทความสอนวิธีการแก้ไข โมดูล VirtueMart Products เพื่อปิดการแสดงคำบรรยายภาพใต้ภาพสินค้า ซึ่งจะมีตัวอักษรชื่อภาพสินค้า รหัสสินค้า ที่โชว์บนโมดูลนี้ เปิดไฟล์ เว็บที่ชื่อ ว่า mod_virtuemart_product/tmpl/default.php ในบรรทัด37 คำสั่งโค๊ดเว็บ ที่เขียนว่า  <?php echo $product->product_name ?>

ลบคำสั่ง <?php echo $product->product_name ?> แล้วบันทึกปิด แล้วกลับไปดูผลที่หน้าเว็บไชต์ของเราจะพบว่า คำบรรยายใต้ภาพสินค้า รหัสสินค้าเหล่านี้ได้ถูกลบออกไปแล้ว

แทรกภาพเคลื่อนไหวสไลด์สินค้าในบล็อกขายของ virturmart3.0

แทรกภาพสินค้า ในเทมเพลต virturmart3.0 สามารถแทรกได้หลายตำแหน่ง แต่ตำแหน่งที่ควรจะแทรกภาพดีที่สุด คือ Position-2  คือ ตำแหน่งใต้เมนูหลักส่วนหัวเว็บไชต์ ซึ่งจะคล้ายๆกับการวางป้ายโฆษณา โลโก้ประจำเว็บไชต์ ของเรานั่นเอง 

บทความ แนะนำ การใช้งาน ปลักอิน โมดุล สไลด์ภาพสินค้า ซึ่งสามารถตั้งค่าการใช้งาน ได้หลายแบบ เช่น ระบายสีพื้นหลัง เลือกลำดับหมวดหมูสินค้า ปรับความเร็วในการสไลต์ภาพ สินค้า เลือกแบบการวิ่งของภาพ ซ้าย-ขวา ซึ่งจะเป็นโมดูลตัวหลัก ในการโชว์สินค้าที่มาใหม่ขึ้นหน้าเว็บของเรานั่นเอง
ดาวน์โหลด ส่วนเสริม สไลด์ ภาพสินค้า
คลิกโหลดได้ที่นี่ goo.gl/yK2x9k
แล้วเปิดใช้งาน จะเข้าสู่หน้าจอการถัดไป

หน้าาจอแสดงการตั้งค่า การทำงาน ของภาพสินค้า สไลน์ภาพสินค้าต่อแถว ตัวอย่าง ตั้งไว้7ภาพ จะพอดีกับหน้าจอ

หน้าจอ แสดงการตั้งค่า กำหนดสไลน์ภาพ ความเร็วการวิ่งของภาพสินค้า สามารถกำหนดได้ตามความต้องการ แต่แนะนำให้ ตั้งค่าตามตัวอยางไปก่อน

แก้ไข menu module ส่วนหัวเว็ปไชต์ทำเว็บทำบล็อกขายของด้วยvirtuemart3.0

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

เมนูส่วนหัวเว็บ virturemart มีความสามารถไม่มาก ปรับแต่งก็ทำได้ไม่มากเช่นกัน ปลักอินโมดูลเมนู ชนิดหนึ่ง ช่วยสร้างสีสัน และเพิ่มความสามารถการใช้งาน ค่อนข้างดี มีความโดดเด่นในการย่นย่อเมนูส่วนหัวเว็บไชต์ทุกหน้าจอ
บทความ แนะนำ ปลักอินชนิดโมดูลเมนู แก้ไขเมนูส่วนหัว เว็บบล็อกขายสินค้า virturemart3.0
ดาวน์โหลด ปลักอิน goo.gl/dBQewq ติดตั้ง แล้วเปิดใช้
หน้าจอแสดงการตั้งค่า โมดูลเมนู maximenu ck : ซึ่งจะมีเท็ปเมนู ออฟชั่น เริ่มตั้งแต่ เมนูขั้นสูง ไล่ปรับแต่ง ต่อๆไป ซึ่งจะมีการตั้งค่าหลายๆอย่าง

ทำตัวอักษรวิ่งบนเว็บบล๊อกขายของ VirtueMart3.0

บล๊อกขายของ ขายสินค้าออนไลน์สารพัดประโยชน์ โดยเฉพาะเว็บไชต์สำเร็จรูป VirtueMart เบอร์3 แม่แบบมาตรฐานไม่ต้องดัดแปลงแก้ไขในเรื่องโค๊ตให้ยุ่งยาก มือใหม่มักจะทำกันไม่ค่อยได้ ซึ่งต้องหาส่วนเสริม โหลดมาติดตั้ง เพื่อ ปรับแต่งหน้าตาให้ทันสมัย

ตัวอักษรวิ่ง บนหน้าเว็บไชต์ขายของ ช่วยอธิบายเว็บไชต์ของเราได้หลายๆอย่าง ใช้เป็นข้อความ อธิบายสั้นๆ เหมือนคำโปรยบนเว็บไชต์ทั่วๆไป แต่มีข้อดีกว่านั้น ตรงที่ว่า ผู้ใช้งาน สามารถกำหนดทิศทางการเคลื่อนไหวตัวอักษรหรือเปลี่ยนสีข้อความตัวอักษรได้หลายแบบ โดยไม่ต้องไปยุ่งในเรื่องของโค๊ตในเว็บไชต์

บทความสอน วิธีการ ใช้งาน ตัวอักษรวิ่งบนเว็บบล็อก ขายของ VirtueMart3.0 
ดาวน์โหลด ส่วนเสริม ตัวอักษรวิ่ง MarqueeAholic ได้ที่นี่ ไม่ต้องไปหาที่ไหน goo.gl/6u4R6p

     

สร้างเมนู Module Footer สำหรับบล็อก ขายของ VirtueMart3.0

Module Footer สำหรับ  VirtueMart3 ถูกสร้างไว้ใช้งานอยู่ก่อนแล้ว โดยกำหนดให้เปิดใช้งานในตำแหน่งท้ายสุดของเว็บไชต์ สามารถที่จำแก้ไข เปลี่ยนสีพื้นหลัง ชื่อลิขสิทธ์ใส่ ป้ายโฆษณาได้หลายแบบ

บทความ สอนวิธีการ สร้าง Module Footer สำหรับบล็อกขายของ  VirtueMart3.0 ซึ่งของเดิมเปิดใช้งานก่อนแล้ว แต่ควรลบหรือปิดการใช้งานไปก่อน แล้วสร้างใหม่ ในตำแหน่งเดิม โดยมีขั้นตอนที่ง่ายๆดังนี้

1.สร้างเมนู Module ชนิดกำหนด HTMLเอง  

2.ปิดการใช้งาน Module Position-9 Module Position-10 Module Position-11  ของเดิมที่มีอยู่ก่อนแล้ว หรือจะลบทิ้งไปก่อนก็ได้ เพราะส่วนนี้ ใช้สำหรับ ใส่ป้ายโฆษณาขนาดเล็ก เพื่อแสดงเป็นตัวอย่าง

3.ตั้งค่า เมนู  Module html สร้างรอไว้ แล้วเปิดการใช้งานในตำแหน่ง Position-14 สามารถที่จะใส่รายระเอียดเกียวกับเว็บไชต์เรา เช่นชื่อลิขสิทธิ์ ใส่ป้ายโฆษณา ใสสคลิป ค่ายดังๆ เช่น Ad unit 

4.แก้ไข css สีพื้นหลัง Module Footer Position-14 ซึ่งเดิมกำหนดสี เป็นสีเท่าดำ

ไฟล์เว็บไชต์ personal.css ใน templates\beez3\css ในตำแหน่งที่ 340 ซึ่งสามารถแก้ไข ความกว้าง ความสูง และสีเส้นขอบตาราง สีพื้นหลัง  Footer