สวัสดีปีใหม่ครับทุก ๆ ท่าน   มีธีมมาแจก  เป็นธีมของระบบ CMS Opencart ร้านค้าออนไลน์

เป็นธีมที่ผมพัฒนาขึ้นเองเวอร์ชั่นแจกฟรี   มีส่วนเสริมสำหรับร้านค้าออนไลน์ครบพร้อมใช้งาน ไม่ต้องหา Extension มาติดตั้งเพิ่ม
- ภาษาไทย
- ค่าจัดส่ง
- การชำระเงิน(แบบโอนบัญชีธนาคาร)
- ส่วนเสริมบทความแบบ Full option (รองรับ SEO)



ใช้ได้กับ Opencart เวอร์ชั่นล่าสุด 3.0.x (เวอร์ชั่น 3.1.x ยังเป็น ตัว beta อยู่นะครับตัวธีมยังไม่ support )   
การติดตั้งไม่ยากครับ  สามารถดาวน์โหลด Opencart เวอร์ชั่นล่าสุด 3.0.3 ได้เลยจากเว็บ Opencart.com หลังจากนั้นก็ดาวน์โหลดธีมของผมไปติดตั้ง (มีคู่มืออธิบายการติดตั้งธีม )

ลิงค์เดโมครับ

ลิงค์ดาวน์โหลด  

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


****ใช้ได้กับเวอร์ชั่น 2.x.x ขึ้นไปนะครับ
ดาวน์โหลด


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


ในตัว Quick Install Pack ตัวนี้ประกอบด้วย
- Opencart เวอร์ชั่น ล่าสุด 2.3.0.2  
- ภาษาไทยที่ผมแปล ทั้งหน้าร้านและหลังร้าน
- ส่วนเสริม แจ้งชำระเงิน การจัดส่ง ส่วนลด
- แปลงโฉมธีมตั้งต้น (ที่แจกด้านบน) ได้ 10 แบบ
ดาวน์โหลด



 

แจก THEME MSO Online Shop  สำหรับร้านค้าออนไลน์ CMS Opencart ครับ

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

 ***** ธีมตัวนี้ผมยังไม่ได้แยกออกมาจาก CMS Opencart นะครับ (อนาคตจะทำตัวธีมแยกออกมาให้ดาวน์โหลดต่างหาก ) ถ้าดาวน์โหลดไปตอนนี้จะติดตั้งแบบ Quick Install (เหมอืนติดตั้ง Opencart ปกติ)   Opencart จะเป็นเวอร์ชั่น 2.1.0.1  

รายละเอียดและฟีเจอร์ต่าง ๆ พร้อมคลิปอธิบาย คลิก
เดโมเว็บไซต์  คลิก
ดาวน์โหลด  คลิก

ฟีเจอร์หลักๆ  ของธีมนี้ครับ
-    Responsive Design
-    ป้ายแบนเนอร์อยู่บนสุด (ถ้าแสดง 1 ภาพก็จะแสดงเป็นภาพนิ่ง กำหนดให้แสดงได้ทุกหน้า)
-   ฟุตเตอร์รก ๆ ผมตัดออกหมดครับจะเหลือแค่ลิงค์ copy right กับ credit link
-   ปรับขนาดความกว้างให้แสดงแบบเล็กสุดได้ที่ 1024 px.  (ปรับได้ 3 ขนาด 1280 px, 1170px, 1024px )
-   หน้าแสดงรายละเอียดสินค้าจะ แสดงรูปภาพมุมมองเพิ่มเติมในส่วนของ description ให้อัตโนมัติ
-   พื้นหลังและฟุตเตอร์สามารถใส่เป็นรุปภาพได้ (มี texture background ภาพที่ผมถ่ายเองใส่ไปให้ประมาณ 10 ภาพครับ สามารถทดลองเล่นดูได้ )
-   ปิดโหมดตระกร้าสินค้าได้ (ซ่อนปุ่มทุกหน้าที่เป็นตระกร้าสินค้า) เพื่อเป็นร้านค้าออนไลน์สไตล์แคตตาล็อคให้เลือกชม โดยไม่มีการสั่งซื้อผ่านหน้าเว็บ
-   เปลี่ยนสีเมนูหลักได้ ( สีไอค่อนที่อิงกับสีเมนูหลักจะเปลี่ยนตามทั้งหมด)
-   ฟีเจอร์มาตรฐาน  ระบบภาษาไทยหน้าร้าน / หลังร้าน – แจ้งการชำระเงิน – ค่าจัดส่ง –ส่วนลด



ติดปัญหาตรงไหน ส่งข้อความมาที่ facebook.com/makestoreonline ได้เลยครับ

ใช้ OC เวอร์ชั่น 2.0.2 ใช่มั๊ยครับ เวอร์ชั่นนี้ ไฟล์ภาษา 2 ไฟล์ มันเปลี่ยนจาก default.php ไปเป็นชื่อประเทศนั้น ๆ ก็คือ ต้องเปลี่ยนเป็น thai.php
ต้องเข้าไปแก้ที่

admin/language/thai/default.php ----> เปลี่ยนเป็น thai.php

catalog/language/thai/default.php ----> เปลี่ยนเป็น thai.php 

ปล. ในไฟล์นี้จะเป็นค่าตั้งต้นภาษาทั้งหมดครับ รวมถึง decimal = '.' พอมันอ่านไฟล์ภาษาไม่ได้ก็เลยไม่ได้แทนค่าด้วย จุดทศนิยม

เปลี่ยนแล้วอย่าลืม clear cache ด้วยนะครับ

เนื่องจาก Opencart เวอร์ชั่น 2.0 เวอร์ชั่น เพิ่งคลอดมาได้ 2 เดือน  อนาคตยังต้องมีเวอร์ชั่นปรับปรุงและแก้ bug ออกมาอีกพอสมควร ดังนั้นรอบนี้จึงแยกให้โหลดเฉพาะภาษาไทยเอาไปใช้งานกับ Opencart  แทนนะครับ  อยากได้ Opencart เวอร์ชั่นล่าสุดแค่ไหน ก็คอยติดตาม Upgrade หรือดาวน์โหลดกันเอาเอง ที่เว็บ Opencart.com หลังจากโหลดมาแล้วก็นำไฟล์ภาษาไทยที่ผมแปลไปใส่ ก็จะได้ Opencart เวอร์ชั่นล่าสุด + ภาษาไทย  ไปใช้งาน

อธิบายวิธีติดตั้งนิดนึงครับ
STEP ที่1  
รูปซ้ายคือตัวระบบ Opencart ที่ดาวน์โหลดมาจาก Opencart โดยตรง ส่วนทางขวาคือ ภาษาไทยที่ผมแปล (ทั้งหน้าร้านและหลังร้าน)  copy - paste หรือ ลากวางได้เลยตามรูป จะติดตั้ง Opencart ก่อนแล้วค่อย copy ไปวางก็ได้  
ดาวน์โหลด ไฟล์แปลภาษาไทย (เวอร์ชั่น 2.0 ) ได้ที่นี่ครับ  http://goo.gl/XWXLsm
*** ย้ำว่าใช้เฉพาะกับเวอร์ชั่น 2 นะครับ ใช้ไม่ได้กับเวอร์ชั่น 1.5.X


STEP ที่ 2
เนื่องจาก ภาษาไทยที่อยู่ในฐานข้อมูลบางส่วนยังไม่ได้ถูกแปล และเป็นข้อมูลสำคัญ เช่น จังหวัด ในฐานข้อมูลยังคงเป็น Bangkok, Amnartcharoen   หรือ สถานะการสั่งซื้อ ก็จะเป็น Pending , Complete ในขั้นตอนนี้ผมได้เพิ่มโมดูลแปลภาษาไทยในส่วนของฐานข้อมูลเข้าไป + ตั้งค่าดีฟอลต์ให้เป็นภาษาไทยอัตโนมัติ  
หลังจากติดตั้ง Opencart + copy  ไฟล์ภาษาไทยในข้อ 1 ลงไปแล้ว ก็ล็อคอินในส่วนของ admin ที่เมนู > extension > modules > เลือกโมดูล thai translate database   (ตามรูป)
-  กดปุ่มสีเขียวเพื่อติดตั้งโมดูล แล้วทำการกดปุ่มน้ำเงิน เพื่อเข้าไปหน้าโมดูล (ตามรูป)
-  ทำการกดปุ่ม ปรับปรุงฐานข้อมูลภาษาไทย  

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

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


*** ส่วนไหนที่แปลไม่สมบูรณ์ หรือแปลไม่ครบถ้วน ไม่ถูกต้องก็ต้องขออภัยมา ณ.ที่นี้ครับ
 

ไฟล์แก้จะอยู่ที่
catalog/language/thai/shipping
เข้าไปจะเจอะ 3 ไฟล์ครับ
thaipostems.tpl
thaipostnormal.tpl
thaipostreg.tpl

เปิดขึ้นมา

<?php
// Text
$_['text_title']       = '';
$_['text_description'] = '<img src="image/data/emsicon.png"/>&nbsp;จัดส่ง EMS';
?>


เปลี่ยนจาก  <img src="image/data/emsicon.png"/> ไปเป็น <img src="http://www .ชื่อโดนเมน.com/image/data/emsicon.png"/>

ครบรอบขวบปีไปเมื่อวานสำหรับ ธีม Brightly  สำหรับ Opencart ที่ออกแบบมาให้ใช้งานฟรีเมื่อปีที่แล้วในกระทู้นี้
http://www.thaiseoboard.com/index.php?topic=323658.0


ปีนี้ถือโอกาสเป่าเค้กวันเกิดครบรอบขวบปี นำธีม Brightly มาเติม  "Plus" ปรับแต่งให้คมเฉียบไฉไลขึ้น และรวมส่วนเสริมที่จำเป็น(ติดตั้งพร้อมระบบ Opencart เวอร์ชั่น 1.5.5.1 )  

ฟีเจอร์เด่นสำหรับธีมที่ปรับแก้ใหม่นี้ผมทำสไตล์ชีตไว้ให้ 5 Color Skin  หรือถ้าใครถนัด css จะเพิ่ม skin ตามสไตล์ของตัวเองเข้าไปก็ได้ครับ

สำหรับคนที่เคยโหลดตัว Brightly Plus ปกติไปแล้วจะโหลดเฉพาะตัวเทมเพลต ผมได้ทำแยกไว้ให้ครับ


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


ลิงค์เดโมธีม Brightly Plus ครับ  http://goo.gl/hDcNSy  

ไปที่เพจดาวน์โหลด  http://goo.gl/4vI9qZ  

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

 แต่สงสัยไฟล์ error ที่เป็นภาษาไทยผมไม่ได้ save เป็น utf-8 มันเลยอ่านภาษาไทยไม่ออกครับ  ยังไงโหลดไปแล้วก็อย่าลืมเข้าไปแก้ด้วยครับ
อยู่ที่ ..catalog/language/thai/error/notfound.php  เปิดไฟล์ขึ้นมาด้วย notepad แล้ว เลือก encoding เป็น utf-8

ตัวภาษาไทยผมแปลเองครับทั้งหน้าร้านและหลังร้าน  (แปลนะครับไม่ได้ทำระบบภาษาไทยขึ้นมาใหม่) 

จากคราวที่แล้วผมเคยทำเทมเพลต Brightly มาแจก เมื่อกลางปี  http://www.thaiseoboard.com/index.php/topic,323658.0.html

มารอบนี้ทำ ธีม Opencart มาแจกก่อนสิ้นปีอีกธีมนึงครับ  ธีมตัวนี้ผมตั้งชื่อว่า LINE ไม่ได้อิงกระแสแต่อย่างใด   
เนื่องจากดีไซน์จะเน้นเส้นตั้งและเส้นนอน บาง ๆ  ออกแบบมาในโทนขาวเข้าได้กับสินค้าแทบทุกประเภท  เน้นสีดำ-แดง เป็นหลัก   
ธีม Line เวอร์ชั่นฟรีตัวนี้  ตัวดีไซน์จะเหมือนกับตัวที่ขาย 100% ครับไม่มีกั๊ก(ยกเว้น ฟีเจอร์ Responsive+ฟีเจอร์เสริมและลูกเล่น ผมจะไม่ได้ใส่ไปในธีม)   



*** หมายเหตุ ธีม Line เวอร์ชั่นฟรีที่แจกให้ดาวน์โหลดนี้ จะโหลดไปพร้อมตัวติดตั้ง Opencart ภาษาไทย(ที่ผมแปล) เวอร์ชั่น 1.5.5.1 นะครับ ดังนั้นถ้าใครที่ไม่เคยเล่น Opencart โหลดไปติดตั้งก็จะได้ Opencart ที่มีหน้าตาธีมเหมือนที่ผม Demo ไว้เลย ไม่ต้อง config อะไรเพิ่มเติม

ดูตัวเดโมและดาวน์โหลดได้ที่นี่ครับ หน้าดาวน์โหลด

ติดปัญหาอะไรส่งข้อความหลังไมค์มาได้ครับ (แต่อาจจะตอบช้าหน่อยนะครับช่วงนี้เพราะนาน ๆ จะเข้ามาที) 

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

เปลี่ยน text editor ไปอยู่ในโหมด html ก่อนแล้ววาง script นี้ลงไปครับ  เปลี่ยนตรง url เป็น fanpage ของเราเอง  ลองปรับ theme ความกว้าง สูง
ค่า true false ดูครับ ว่าจะมี header หรือจะมีเส้นขอบ


<div class="fb-like-box" data-href="https://www.facebook.com/yourfanpage " data-width="240" data-height="175" data-show-faces="true" data-stream="false" data-show-border="false" data-header="false">
</div>


<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>



 **** หมายเหตุ สำหรับผู้ที่ดาวน์โหลด Opencart จากเว็บผมไป เพิ่งเจอะ bug ตัว ckeditor   เวลาเปลี่ยนเป็น ไปมาระหว่าง  โหมดปกติด กับ html แล้วมันไม่จำ  html ที่ใส่เข้าไป (save ได้) แต่เปิดขึ้นมาแล้วต้องพิมพ์ใหม่   ตอนนี้ตัวดาวน์โหลดล่าสดุที่หน้าเว็บผมแก้ไขแล้ว   หรือถ้าจะแก้ไขเอง ให้เข้าไปแก้ที่ file config.js นะครับ

อยู่ใน directory admin/view/javascript/ckeditor/config.js
----> แทรก บรรทัดนี้เข้าไปตรงไหน    config.allowedContent = true; 

ลองโหลดไปเล่นดูได้ครับ ตามลายเซ็นต์   

มีทั้งแบบโหลดเฉพาะเทมเพลต brigthly  กับตัวติดตั้ง ภาษาไทย 1.5.5.1(ปัจจุบันอัพเดทภาษาไทย ทั้งหน้าร้านและหลังร้านแล้วครับ)  + เทมเพลต brigthly 

ลองเข้าไป หลังร้าน disable(ไม่ให้แสดงหน้าแรก) module  ที่ท่านลบสินค้าออกดูครับ

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

ถ้าอยากจะแปลเองเข้าไป copy ภาษาอังกฤษมาทั้ง folder ครับแล้ว rename เป็น thai หลังจากนั้นก็แปลโลด

ส่วนของหน้าร้านเข้าไปที่
แปลส่วนของระบบหน้าร้านก็เข้าไปที่ directory ..catalog/language/thai

ส่วนของหลังร้าน
แปลสวนของระบบหลังร้านก็เข้าไปที่ directory ..admin/language/thai


ตอนนี้ผมก็กำลังไล่แปลส่่วนหลังร้านอยู่ เล่นเอาเหงื่อตกเหมือนกัน  

 

เวอร์ชั่นนี้ตัว text editor ตัว standard มันไม่มี fontsize กับ สี ต้องอัพไฟล์เพิ่ม ตามนี้เลยท่าน
ตามนี้เลยท่าน http://forum.opencart.com/viewtopic.php?f=20&t=96797

ถ้าท่านใช้ตัวภาษาไทย(หน้าร้าน) Opencart 1.5.5 ที่ดาวน์โหลดจากเว็บผม  ตอนนี้กำลังแปลหลังร้านเป็นภาษาไทย คาดว่าเสร็จอาทิตย์หน้า เข้าไปดาวน์โหลดใหม่ได้เลย  + ตัว text editor จะเพิ่ม fontsize กับ color เข้าไปด้วย

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

ทำตัวอย่างมาให้ดูครับ   

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

เป็นไปตามกลไกตลาดครับต้องทำใจ  โดยเฉพาะตลาด e-com ไทยที่กำลังโต นิยามของพ่อค้าแม่ค้าผิดไปจากแต่ก่อนมาก แต่ก่อนคนเป็นพ่อค้าแม่ค้าส่วนใหญ่จะยึดเป็นอาชีพหลักมีหน้าร้าน+ขายออนไลน์  แต่เดี่ยวนี้เป็นพ่อค้าแม่ค้าแบบทำเป็นอาชีพเสริม ตั้งแต่เด็กนักเรียนมัธยม - นักศึกษา - สาวออฟิต - โปรแกรมเมอร์ - แม่บ้าน  กระโดยเข้ามาเป็นพ่อค้า-แม่ค้าสมัครเล่นกันเต็มไปหมดแถมขายสินค้าตัวเดียวกันราคาเหวี่ยงอย่างกับรถไฟเหาะ  จะอยู่รอดก็ต้องยอมรับและปรับตัว-ปรับราคา-บริการ+สายป่านยาวครับ 

ผมก็ชอบ Title อันดับสองครับ ตรงประเด็นคีย์เวิร์ดมากกว่า ของกะปุกดูกว้างไป  (ไม่พูดถึงความน่าเชื่อถือของ domain นะ)

แต่จะให้ผมเปลี่ยนไตเติ้ลเว็บก็กลัวจะกระทบอันดับอย่างท่านว่าจริง ๆ  ใช้แบบเป็นทางการมานานมากแล้ว 

+1 ให้ครับ