Slider[Style1]

Style2

Style3[OneLeft]

Style3[OneRight]

Style4

Style5[ImagesOnly]

Style6

บันทึกการใช้ Opencart – ตอนที่ 3 การติดตั้ง Template (Theme) ใน Opencart 1.4

ปัญหาของ CMS หรือระบบเว็บ ระบบร้านค้าต่างๆ คือ Template ครับ บางตัวระบบสุ อดแต่ Template หายาก แก้ยาก สำหรับ Opencart ผมว่าหาไม่ยากและของฟรีก้สวยใช้ได้เลยครับ การปรับแต่งไม่ยากมาก คนไทยเลยใช้กันเยอะพอสมควร

สำหรับการติดตั้ง Template ใน Opencart 1.4 มีอยู่หลักๆ 2 แบบครับ ขึ้นอยู่กับ Template คือ

1. แบบวางใน Folder Theme แบบนี้จะง่ายครับ
ผมยกตัวอย่าง Theme ชื่อ 2 column left
บันทึกการใช้ Opencart – ตอนที่ 3 การติดตั้ง Template (Theme) ใน Opencart 1.4

ข้างใน Folder นี้จะมี folder ย่อยอีก 3 คือ
บันทึกการใช้ Opencart – ตอนที่ 3 การติดตั้ง Template (Theme) ใน Opencart 1.4

การใส่ Template ให้ใส่ไว้ที่

catalog/view/theme

บันทึกการใช้ Opencart – ตอนที่ 3 การติดตั้ง Template (Theme) ใน Opencart 1.4

เข้าหน้า Admin ไปที่ ระบบ >> ตั้งค่า
บันทึกการใช้ Opencart – ตอนที่ 3 การติดตั้ง Template (Theme) ใน Opencart 1.4

แท๊บ “ร้านค้า” ตรงตัวเลือก “เทมเพลท” กดแล้วจะมีชื่อ Theme ที่เพิ่งใส่เข้าไป
บันทึกการใช้ Opencart – ตอนที่ 3 การติดตั้ง Template (Theme) ใน Opencart 1.4

2. แบบวางสองที่
จริงๆแล้วแบบนี้จะมี image เพิ่มเข้ามา การวางจะวางไว้ตำแหน่งนอกสุดของเว็บ
ผมยกตัวอย่าง Theme ชื่อ “green-store” จะเห็นว่ามี folder ชื่อ catalog และ image

บันทึกการใช้ Opencart – ตอนที่ 3 การติดตั้ง Template (Theme) ใน Opencart 1.4

ให้ copy ทั้งสองโฟลเดอร์นี้ไปที่ตำแหน่งนอกสุดหรือ root ของเว้บนั่นเอง
จะเห็นว่ามีชื่อ folder ที่เหมือนกัน ให้เรา Paste folder ตรงนี้
ถ้ามีหน้าต่างถามก้ให้กด Yes ได้เลย
บันทึกการใช้ Opencart – ตอนที่ 3 การติดตั้ง Template (Theme) ใน Opencart 1.4

โฟลเดอร์ image ของ theme ไว้ใช้เก็บรูป screenshot เวลาเราเลือกจากหน้า admin ครับ จะมีหรือไม่มีก็ได้
กลับไปที่หน้า admin อีกครั้ง จะเห็นว่ามี green-store แล้ว และยังมีภาพตัวอย่างด้วย

บันทึกการใช้ Opencart – ตอนที่ 3 การติดตั้ง Template (Theme) ใน Opencart 1.4

About Know2Play

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
«
Next
Newer Post
»
Previous
Older Post

No comments:

Post a Comment