[PRESTASHOP 1.3.1] New Theme + Search(Support Thai) + ฯลฯ แบบตัว install ครับ

frang

เก็บ

kerokid

Paidinform V 0.2.2
แบบฟอร์มแจ้งการชำระเงิน ปรับปรุงใหม่
ไม่ทราบว่ามีใช้กันหรือยัง
สามารถนำไปแทนตัวเก่าได้
ใช้งานได้ดี
Ref: คุณ nokaek ได้นำมาปรับปรุงเพิ่มเติม
ผมเห็นว่ามีประโยชน์ เลยนำมาบอกต่ือ ขออนุญาต คุณ nokaek มา ณ ที่นี้ด้วยครับ

ดาวน์โหลด

หลังบ้าน

หน้าบ้าน

อ้างอิง เว็บต้นฉบับ

ดาวน์โหลด

hisocoyoty

ติดตั้ง Prestashop ในเครื่องลงได้ปกติดีครับ แต่พอเอาไปลงในโฮสต์จริง

ตรง Allowed to open external URLs แดงครับ
ต้องแก้ไขยังไง แก้ตรงไหนครับ ขอบคุณล่วงหน้าครับ

crystalmixbead

เก็บไว้ก่อน

kennn

อ้างถึงจาก: hisocoyoty ใน 09 มิถุนายน 2010, 18:38:46
ติดตั้ง Prestashop ในเครื่องลงได้ปกติดีครับ แต่พอเอาไปลงในโฮสต์จริง

ตรง Allowed to open external URLs แดงครับ
ต้องแก้ไขยังไง แก้ตรงไหนครับ ขอบคุณล่วงหน้าครับ

โฮสที่ใช้อยู่ไม่ได้เปิดใช้งานพวกฟังค์ชั่นการเขียน-อ่านไฟล์ครับ หรือปิดการทำงานของ allow_url_fopen ถ้าสามารถแก้ไขไฟล์ php.ini ได้ ก็ให้เปลี่ยน allow_url_fopen เป็น On ครับ

hisocoyoty

อ้างถึงโฮสที่ใช้อยู่ไม่ได้เปิดใช้งานพวกฟังค์ชั่นการเขียน-อ่านไฟล์ครับ หรือปิดการทำงานของ allow_url_fopen ถ้าสามารถแก้ไขไฟล์ php.ini ได้ ก็ให้เปลี่ยน allow_url_fopen เป็น On ครับ

ขอลคุณครับได้แล้วครับผม แต่ต่อไปต้องพึ่งพาอีกเยอะ ยังไงก็จะได้รบกวนอีกหลายๆ รอบเลยแหละครับ

pharn

คุณเคน พอดีผมเปิดเว็บใน IE อ่ะครับ แถบ side bar ด้านขวา เลื่อนลงมาอยู่ข้างล่างเฉยเลย ทำไงดีครับให้มันเลื่อนขึ้นมา ตอนนี้เปิดให้ Chrome กะ Firefox ปกติครับ

kennn

อ้างถึงจาก: pharn ใน 10 มิถุนายน 2010, 14:16:38
คุณเคน พอดีผมเปิดเว็บใน IE อ่ะครับ แถบ side bar ด้านขวา เลื่อนลงมาอยู่ข้างล่างเฉยเลย ทำไงดีครับให้มันเลื่อนขึ้นมา ตอนนี้เปิดให้ Chrome กะ Firefox ปกติครับ

ถ้าเป็นตัว PS NEW THEME ที่ทำแจกไว้หน้าแรกของกระทู้นี้ และยังไม่มีการโหลดโมดูล Track&Trace ตัวแก้ไขใหม่ไป มักจะเจอปัญหา column right หล่นมาข้างล่างครับ หรือหากมีการโหลดตัวแก้ไขไปแล้ว วิธีตรวจสอบตัวที่เป็นปัญหาก็คือ ลอง disable โมดูลทีละตัวแล้ว refresh ทดสอบการแสดงผลดูครับ ตัวไหนที่เรา disable ไปแล้วไม่ทำให้ column right หล่น ก็ค่อยไปไล่แก้ css ของตัวนั้นๆอีกทีครับ โมดูลหลักที่มากับตัว PS ดังเดิมส่วนใหญ่จะไม่มีปัญหาทำให้ column right ตกนะครับ ดังนั้นพยายามไล่ disable ตัวที่มีการเพิ่มเข้าหรือมีการแก้ไขไปก่อนครับ

assassins

มาเก็บตวามรู้

romeotu_2003

ขอบคุณมากครับ ....ด้านขวาของผมก็ตกเหมือนกันครับผม......

pharn

แก้ไขบล็อกด้านขวาเรียบร้อยแล้วครับ อิอิ ขอบคุณครับผม

มีปัญหาอีกนิดหน่อยครับผม คือ บล็อกของสินค้าหน้า hompage เวลาเปิดกับ IE6 นี่กระจัดกระจายเลยครับ ไม่เรียงตัวเป็นระเบียบเหมือนเปิดใน browser อื่นอ่ะครับ ควรทำไงดีครับ

memepop

คุณเคนคะ
เอ่อ...
แล้ว จะไปใส่ หลัง tag เปิด <body> ของไฟล์อะไรคะ ?

Global.css ก็ไม่ใช่ ~

อ้างถึงจาก: kennn ใน 02 มิถุนายน 2010, 05:43:11

ส่วนของ Layer DIV HTML นำไปไว้หลัง tag เปิด <body>
อ้างถึง<div id="barTop">
{$HOOK_RIGHT_COLUMN}
</div>

โค้ดตัวอย่างจะได้ Layer ขนาด 190x200px ลอยอยู่ทางขวาห่างจากขอบบน 100px เมื่อเรานำไปใช้งาน ให้เราเปิดใช้งานโมดูล blockcart ตามปกติ อาจจะต้องมีการปรับแต่ง css ของ blockcart เพิ่มครับ

hisocoyoty

ก่อนอื่นขอขอบคุณคุณ kennn ที่นำของดีๆ มาแบ่งปัน

ผมมีปัญหาในส่วนของ slide featured products ครับ เป็นแบบในภาพ ...
ลองแก้หลายที่แล้วไม่ได้ซักที

แล้วก็ ข้างล่าง ลองตั้งค่าไป ปรากฎว่าชื่อเต็มครับ แต่โดนทับครับ มีเทคนิคอะไรแนะนำ หรือต้องแก้ไขตรงไหนพอแนะนำได้บ้างครับ

ขอบคุณล่วงหน้าครับ

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

--------------------------------------------------------------------------

0:49 น. หลังจากที่ลองแก้ไข modules/slideproducts/slideproducts.tpl
ปรากฎว่า ชื่อสินค้าแสดงเต็มแล้ว ดีใจครับใกล้แล้ว ฮี่ๆ แต่ถ้าเปิดด้วย IE ภาพไปทับชื่อซะงั้น
จะแก้ยังไงคับ ถ้าอยากให้ข้อความไปชิดทางซ้ายเหมือน firefox ขอบคุณครับ

kennn

อ้างถึงจาก: pharn ใน 11 มิถุนายน 2010, 11:57:16
แก้ไขบล็อกด้านขวาเรียบร้อยแล้วครับ อิอิ ขอบคุณครับผม

มีปัญหาอีกนิดหน่อยครับผม คือ บล็อกของสินค้าหน้า hompage เวลาเปิดกับ IE6 นี่กระจัดกระจายเลยครับ ไม่เรียงตัวเป็นระเบียบเหมือนเปิดใน browser อื่นอ่ะครับ ควรทำไงดีครับ

ให้เพิ่มจำนวนการตัดคำครับ อย่าให้ข้อความในหัวข้อเกิน 2 บรรทัด ในส่วน Description ก็อย่าให้เกิน 3 บรรทัด(ในส่วน Description ไม่จำเป็นต้องแสดงก็ได้ครับ)

อ้างถึงจาก: memepop ใน 11 มิถุนายน 2010, 16:29:29
คุณเคนคะ
เอ่อ...
แล้ว จะไปใส่ หลัง tag เปิด <body> ของไฟล์อะไรคะ ?

Global.css ก็ไม่ใช่ ~
อ้างถึงจาก: kennn ใน 02 มิถุนายน 2010, 05:43:11

ส่วนของ Layer DIV HTML นำไปไว้หลัง tag เปิด <body>
อ้างถึง<div id="barTop">
{$HOOK_RIGHT_COLUMN}
</div>

โค้ดตัวอย่างจะได้ Layer ขนาด 190x200px ลอยอยู่ทางขวาห่างจากขอบบน 100px เมื่อเรานำไปใช้งาน ให้เราเปิดใช้งานโมดูล blockcart ตามปกติ อาจจะต้องมีการปรับแต่ง css ของ blockcart เพิ่มครับ

ลองเอาโมดูลตัวนี้ไปลองครับ Download จะเป็นโมดูลที่ช่วยในการสร้างเลเยอร์ลอยอยู่ทางด้านขวามือบนและเป็นส่วนที่แสดงโมดูลที่เปิดใช้ทาง Right column ดังนั้นถ้าจะเอาโมดูลตัวนี้ไปใช้ต้องเอาตัวแปร {$HOOK_RIGHT_COLUMN} ในไฟล์ footer.tpl ออกก่อนครับ ถ้าไม่เอาออกหน้าเพจจะแสดงโมดูล right column อยู่ 2 ที่ครับ โมดูลตัวนี้ไม่ค่อยเหมาะกับเว็บ PS ทั่วไปครับ ทำขึ้นมาเฉพาะคุณ memepop เท่านั้นครับ เพราะเว็บคุณ memepop จะไม่มีส่วนแสดง right column ยังไงถ้านำไปใช้ก็คงต้องแก้ไข CSS ให้เหมาะกับความต้องการอีกทีนะครับ ทั้งไฟล์ CSS ในโมดูลและ global.css

อ้างถึงจาก: hisocoyoty ใน 11 มิถุนายน 2010, 19:41:09
มีปัญหาในส่วนของ slide featured products ครับ เป็นแบบในภาพ ... ลองแก้หลายที่แล้วไม่ได้ซักที
แล้วก็ ข้างล่าง ลองตั้งค่าไป ปรากฎว่าชื่อเต็มครับ แต่โดนทับครับ มีเทคนิคอะไรแนะนำ หรือต้องแก้ไขตรงไหนพอแนะนำได้บ้างครับ

ขอบคุณล่วงหน้าครับ

ปัญหาแรก ลองโหลดตัวใหม่ไปใช้ครับ Download

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

por12345678

มันคืออะไร

hisocoyoty

ขอบคุณ คุณ kennn มากๆ ครับ แล้วถ้าอยากจะขยับรูปลงล่างให้มันพ้นตรงชื่อสินค้าละก็ขยายภาพสินค้าให้ใหญ่ขึ้นอีกหน่อยต้องไปแก้ไขตรงไหนครับ

ขอบคุณครับ

memepop

ขอยอมแพ้ค่ะะ T.T

เพราะว่าRight Column ของข้าน้อย ก็ คือ แถบล่างทั้งแถบเลยค่ะ ToT

kennn

อ้างถึงจาก: hisocoyoty ใน 13 มิถุนายน 2010, 15:22:52
ขอบคุณ คุณ kennn มากๆ ครับ แล้วถ้าอยากจะขยับรูปลงล่างให้มันพ้นตรงชื่อสินค้าละก็ขยายภาพสินค้าให้ใหญ่ขึ้นอีกหน่อยต้องไปแก้ไขตรงไหนครับ

ขอบคุณครับ

จะขยับรูปลงล่างเราต้องเพิ่มความสูงของเลเยอร์หัวข้อครับ โดยไปที่ไฟล์ global.css หาโค้ดตามนี้

อ้างถึง#center_column div.products_block h5 {
display: block;
height: 2.57em;
}

แก้ความสูงที่ไฮไลท์สีแดงไว้ครับ เป็น px หรือ em ก็แล้วแต่ชอบครับ

หากต้องการทำภาพให้ใหญ่ขึ้น ให้แก้ไขตัวแปร homeSize ในไฟล์ homefeatured.php(อยู่ด้านล่างเกือบสุดบรรทัด) โค้ดจะเป็นแบบนี้ครับ

อ้างถึง'homeSize' => Image::getSize('home'),

ให้แก้ไขที่ไฮไลท์สีแดงไว้จาก home เป็น large หรือขนาดที่ต้องการใช้ครับ ส่วนนี้อ้างอิงจากหน้า BackOffice >> Preferences >> Image เราจะสร้างขนาดที่ต้องการขึ้นมาใช้เองก็ได้ครับ สร้างขนาดใหม่ขึ้นมาใช้ต้องทำการ Regenerate thumbnails ใหม่ด้วยนะครับเพื่อสร้างรูปภาพขนาดใหม่ขึ้นมาใช้

เมื่อเราปรับความกว้างหรือความสูงของรูปภาพมากกว่า 129 เราอาจจะต้องปรับความกว้างของแต่ละคอลลัมใหม่ด้วยครับ อย่างแรกให้คำนึงถึงความกว้างของตรงกลางเพจก่อนครับ ความกว้างกลางเพจจะมีขนาดประมาณ 570px โมดูล homefeatured จะหดพื้นที่แสดงผลเข้าไปอีกข้างละ 17px(ลดความกว้างลงไป 34px) เหลือพื้นที่ 570-34=536px

หากต้องการให้ 1 แถวแสดง 4 สินค้า ก็ให้นำ 536/4 = 134px
หากต้องการให้ 1 แถวแสดง 3 สินค้า ก็ให้นำ 536/3 = 178px(ใช้ค่าประมาณปัดเศษลง หากปัดเศษขึ้นเลยเยอร์จะตกได้)

หากต้องการให้แสดงผล 1 แถวต่อ 3 สินค้า รูปภาพจะต้องกว้างไม่เกิน 176px เนื่องจากเลเยอร์รูปภาพจะมีการเพิ่มความกว้างทางด้านซ้าย(margin-left) อีก 2px ถ้าหากใช้รูปภาพกว้าง 178px จะทำให้เลเยอร์ตกได้

เมื่อได้ความกว้างแต่ละคอลลัมและความกว้างของรูปภาพแล้ว เราก็ต้องแก้ไขไฟล์ global.css ตามบรรทัดนี้ครับ

อ้างถึง#center_column .products_block ul li {
   border-right: 1px solid #eaeaea;
   border-bottom:1px solid #eaeaea;
   float: left;
   clear: none;
   width:133px;
/*   height:375px;*/

   background-color: #fff;
   padding: 0;
   margin-top:0;
}

แก้ไขความกว้างของแต่ละคอลลัมที่คำนวนได้ ตามตัวอย่างจะได้เป็น 178px

อ้างถึง#center_column div.products_block a.product_image {
   display: block;
   background-color: transparent;
   width: 129px;
   height: 129px;
   margin-left:2px;
}

แก้ไขความกว้างความสูงของรูปภาพที่จะใช้งาน

จากนั้นไปที่ไฟล์ homefeatured.tpl ทำการแก้ไขความสูงของแต่ละคอลลัม หากโค้ดในไฟล์เป็นแบบนี้

อ้างถึง{if isset($products) AND $products}
      <div class="block_content">
         {assign var='nbItemsPerLine' value=4}
         {assign var='nbLi' value=$products|@count}
         {assign var='nbLines' value=$nbLi/$nbItemsPerLine|ceil}
         <ul>

ให้แก้ไขโค้ดให้เป็นแบบนี้

อ้างถึง{if isset($products) AND $products}
      <div class="block_content">
         {assign var='liHeight' value=342}
         {assign var='nbItemsPerLine' value=4}
         {assign var='nbLi' value=$products|@count}
         {assign var='nbLines' value=$nbLi/$nbItemsPerLine|ceil}
         {assign var='ulHeight' value=$nbLines*$liHeight}
         <ul style="height:{$ulHeight}px;">

- แก้ไข value ของ liHeight ตามความเหมาะสม(ความสูงของแต่ละคอลลัม) หากกำหนดน้อยไปอาจจะทับเลเยอร์โมดูลที่อยู่ด้านล่างได้ มากไปก็จะเหลือพื้นที่ด้านล่างเยอะ
- แก้ไข value ของ nbItemsPerLine ตามจำนวนคอลลัมต่อแถวที่ต้องการ

kennn

อ้างถึงจาก: memepop ใน 13 มิถุนายน 2010, 16:33:28
ขอยอมแพ้ค่ะะ T.T

เพราะว่าRight Column ของข้าน้อย ก็ คือ แถบล่างทั้งแถบเลยค่ะ ToT

งั้นทางด้าน Left Column คงไม่ได้เปิดใช้งานใช่มัยครับ ถ้าใช่ก็แก้ไขไฟล์นิดนึงครับ ในไฟล์ rightbar.php เปลี่ยน 'HOOK_RIGHT_COLUMN' => Module::hookExec('rightColumn') เป็น 'HOOK_LEFT_COLUMN' => Module::hookExec('leftColumn')

ในไฟล์ rightbar.tpl แก้เป็น

อ้างถึง<div id="right-bar">
{$HOOK_LEFT_COLUMN}
</div>

จากนั้นก็แก้ไข CSS ตามแต่ละ block ได้เลยครับ

hisocoyoty

ขอบคุณครับคุณ kennn ที่คอยช่วยตลอดเลย

จริงๆ คืออยากแก้ตรงส่วนของรูปภาพบนสไลด์อ่ะครับ ถ้าเปิดเว็บด้วย IE จะเห็นรูปสินค้าบังชื่อสินค้าอยู่ เลยคิดว่าถ้าขยับรูปลงก็คงจะใช้ได้แล้วอ่ะครับ แต่ถ้าเปิดด้วย firefox ไม่มีปัญหาเลยครับ ตรงนี้ต้องรบกวนคุณ kennn อีกแล้ว เกรงใจจัง

อ้างถึงหากต้องการทำภาพให้ใหญ่ขึ้น ให้แก้ไขตัวแปร homeSize ในไฟล์ homefeatured.php(อยู่ด้านล่างเกือบสุดบรรทัด) โค้ดจะเป็นแบบนี้ครับ
อ้างถึง
'homeSize' => Image::getSize('home'),
ให้ แก้ไขที่ไฮไลท์สีแดงไว้จาก home เป็น large หรือขนาดที่ต้องการใช้ครับ ส่วนนี้อ้างอิงจากหน้า BackOffice >> Preferences >> Image เราจะสร้างขนาดที่ต้องการขึ้นมาใช้เองก็ได้ครับ สร้างขนาดใหม่ขึ้นมาใช้ต้องทำการ Regenerate thumbnails ใหม่ด้วยนะครับเพื่อสร้างรูปภาพขนาดใหม่ขึ้นมาใช้

ส่วนตรงนี้ผมหาโค้ดนี้ใน modules/homefeatured/homefeatured.php ไม่เจอครับ

ขอบคุณครับ ตอนแรกแค่เห็น theme ก็สวยบาดใจแล้วครับ ของเค้าดีจริงๆ ครับ