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

[kennn]

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

ขอบคุณครับ

คาดว่าคงใส่โค้ด css background ตามนี้ใช่มัยครับ background: url(../img/bg_b.jpg) repeat-x left top;

ถ้าใช่ ส่วน body { ก็ยังสามารถใช้โค้ด css ใส่สีพื้นหลังได้อีกครับ ตามนี้

body {
   background: url(../img/bg_b.jpg) repeat-x left top;
   background-color:#fff;

เพราะรูปภาพถูก repeat ไปตามแนวนอน ดังนั้น แนวตั้งจะถูกเทด้วยสีขาวแทน ยังมีที่ใส่อีก 1 ที่ครับ คือ #page { ใส่โค้ด css ตามนี้เข้าไป background-color:#fff; ลองดูครับว่าแบบไหนที่โดนใจ

[george]

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

ขอบคุณครับ

[kennn]

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

ขอบคุณครับ

เป็นปัญหาเดียวกันกับคุณ gut69 ครับ ไม่ทราบว่าเอา Theme มาจากไหนครับ เหมือน Theme ตัวเดียวกันเลย ถ้าเป็น Theme ที่ผมทำไว้ ผมจะได้นำไปแก้ไขครับ ยังไงก็ลองแก้ตามด้านล่างนี้นะครับ

อยากสอบถามครับ พอดีผมเอา prestashop มาทำเว็บนี้ www.maple-cosmetics.com

ผมอยากให้ background มันพอดีครับ ตอนนี้สังเกตุดูมันเยื้องๆ ไปทางขวา เพราะ ผมปู background แล้ว ใส่สีขาวลงไปใน div ก้อนหลัก ผมว่ามันเป็นวิธีที่ผิด 

ช่วยแนะนำด้วยครับ

คงหมายถึงในหน้า hxxp://www.maple-cosmetics.com/testsite/ ใช่มัยครับ ที่มี Layer ทางด้านขวากว้างไม่เท่ากับทางซ้าย ถ้าใช่ ตรงนี้เกิดจากการกำหนดความกว้างของ css ในส่วน center_column น้อยไปครับ ลองดูจากไฟล์ css ตามนะครับ หาส่วนนี้

[size=8pt#left_column {
   clear:center;
   width:190px;
   padding-right: 15px;
}
#center_column {
   width: 556px;
   margin: 0 0 30px 0;
}
#right_column {
   width: 190px;
   padding-left: 15px;
}[/size]

ความกว้างของ Layer ตรงกลาง css #page กำหนดความกว้างไว้ 980px ดังนั้น
left_column กว้าง 190px+padding-right: 15px = 205px *
right_column กว้าง 190px+padding-left: 15px = 205px *
left_column+right_column = 410px
ดังนั้น center_column จึงควรกว้าง = (980px-410px)-2 = 568px **

*   การบวก ลบ ความกว้าง ถ้ามี padding-left หรือ right ต้องคำนวนเข้าไปด้วย
** ที่จำเป็นต้องลบด้วย 2 เพิ่ม เพราะ Layer center_column จะมีการดันกันของ Layer ทั้งซ้ายและขวาด้านละ 1px หากไม่นำเข้าไปคำนวนด้วย Layer right_column จะตกไปอยู่ด้านล่างทันที

พอดีก่อนหน้านี้ผมลองดูที่ View source ก่อนครับ เลยเจอปัญหาเพิ่ม มีการปิด Tag ไม่ถูกต้องอยู่ครับ ทำให้ Layout ผิดเพี้ยนไป ให้ไปแก้ไขที่ไฟล์ .tpl ของ module 2 ตัวครับ ดังนี้
- MODULE jcarousel
- blockvariouslinks
Module ทั้งสองตัวนี้จะไม่มีการปิด Tag ul ทำให้ Layer ผิดครับ ถึงในหน้าแสดงผล อาจจะไม่เห็นความผิดพลาด แต่หากอนาคตมีการเพิ่มการทำงานส่วนอื่นเข้ามาอีก อาจมีปัญหาในการแสดงผลได้ครับ

[george]

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

ขอบคุณครับ

[~SolariS~]

คุณ kennn ครับ โมดูล quick search ตัวที่ติดกับตัว install ที่แจกมา เวลาเอาไปไว้เป็น block ทางฝั่งซ้าย มันจะมีข้อความ /ps/ อยู่ด้านบนของ block โมดูลครับ

เมื่อลองใช้ค้นหาแล้ว ตำแหน่งที่มีคำว่า /ps/ จะเปลี่ยนเป็น URL ของสิ่งที่ค้นหาครับ ถ้าไม่อยากให้มันขึ้นไม่ทราบว่าต้องเข้าไปแก้ในส่วนไหนครับ ( ผมลองลงใน appserv ครับ )

[kennn]

คุณ kennn ครับ โมดูล quick search ตัวที่ติดกับตัว install ที่แจกมา เวลาเอาไปไว้เป็น block ทางฝั่งซ้าย มันจะมีข้อความ /ps/ อยู่ด้านบนของ block โมดูลครับ

เมื่อลองใช้ค้นหาแล้ว ตำแหน่งที่มีคำว่า /ps/ จะเปลี่ยนเป็น URL ของสิ่งที่ค้นหาครับ ถ้าไม่อยากให้มันขึ้นไม่ทราบว่าต้องเข้าไปแก้ในส่วนไหนครับ ( ผมลองลงใน appserv ครับ )

ตรงนนี้ต้องขอโทษด้วยนะครับ พอดีแก้และทดสอบตัวแปรไว้ และลืมเอาออก  ให้ไปที่ไฟล์ modules/blocksearch/blocksearch.tpl เอาส่วนนี้ออกครับ {$request_uri}

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

ขอบคุณครับ

ส่วนปัญหาของคุณ george เป็นปัญหา css ในส่วนของ Header คือ ในส่วนของ Header จะมี Layer ที่ไม่มี class หรือ id ควบคุม Layer ไว้ ทำให้ Layer เกิดความสูง(ประมาณ 10px)และความกว้างขึ้น(100%) ทำให้รูปภาพตกมาอยู่ด้านล่าง วิธีแก้ไขก็ให้ไปที่ไฟล์ css และหาโค้ดนี้ครับ

h1#logo {
   float: left;
   height:180px;
   width: 967px;
}

และเพิ่มโค้ดเคลียร์ความสูงเข้าไปดังนี้

h1#logo {
   float: left;
   height:180px;
   width: 967px;
   margin-top:0;
}

[george]

มีคำถามหน่อยครับ ถ้าผมจะเอารูปด้านล่างเป็นพื้น ผมจะต้องทำยังไงบ้างครับ เช่นกำหนดขนาด , รายละเอียด ฯลฯ
(ภาพต้นฉบับมีขนาด 2667x2000 size 910KB)รบกวนหน่อยนะครับ คือผมกลัวเวลาเปิดหน้าเวปแล้วจะช้าน่ะครับ

ขอบคุณครับ

[george]

http://webmarket24h.com/

อยากทราบว่าพื้นของเขาทำยังไงครับ เวลาเราเลื่อนเนื้อหาขึ้นลงพื้นมันจะไม่เลื่อนตาม

ขอบคุณครับ

[~SolariS~]

ตั้ง background ให้เป็น Fixed ครับ

ตรงส่วนของ BODY เมื่อกำหนด background แล้ว ให้เพิ่มคำสั่งนี้ในบรรทัดต่อไปครับ

โค้ด เลือก ขยาย

background-attachment: fixed;

[gut69]

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

[ming0189]

ขอบคุณครับ

[~SolariS~]

เปลี่ยนชื่อ กระทู้เป็น ปรึกษาปัญหา Prestashop ดีไม๊ครับ จะได้มารวมกันที่นี่ซะเลย 

กำลังทำธีมร้านใหม่อยู่เหมือนกันครับ คาดว่าจะเสร็จเร็วๆนี้ ตอนนี้ หน้าแรกยังไม่เรียบร้อยดีครับ 

[Halogen]

งามมาก ๆ เลยครับ 

[kennn]

มีคำถามหน่อยครับ ถ้าผมจะเอารูปด้านล่างเป็นพื้น ผมจะต้องทำยังไงบ้างครับ เช่นกำหนดขนาด , รายละเอียด ฯลฯ
(ภาพต้นฉบับมีขนาด 2667x2000 size 910KB)รบกวนหน่อยนะครับ คือผมกลัวเวลาเปิดหน้าเวปแล้วจะช้าน่ะครับ

ขอบคุณครับ

หลักการเลือกขนาดรูปภาพและการเซฟรูปภาพมาทำพื้นหลังให้ Prestashop

ตามสถิติแล้ว ความละเอียดของหน้าจอผู้ใช้คอม ความกว้างสูงสุดจะอยู่ที่ประมาณ 1440 ความสูงอยู่ที่ประมาณ 1024 อนาคตไม่รู้ว่าจะมีหน้าจอสูงสุดประมาณเท่าไหร่ แต่ผมคิดว่าคงอีกหลายปีทีเดียวกว่าจะมีคนนิยมใช้หน้าจอขนาดใหญ่มากๆแบบทั่วบ้านทั่วเมือง ปัจจุบันที่นิยมใช้กันมาก ก็จะอยู่ที่ประมาณ 1024x768(อ้างอิงจาก Truehits) ดังนั้น ผมแนะนำว่าให้ตั้งค่ารูปภาพให้ได้ขนาด 1440x1024 px และตัดพื้นที่ตรงกลางออกไป 980px เนื่องจากพื้นที่ตรงกลางของรูปภาพเมื่อเรานำภาพไปใช้ จะถูกพื้นที่ของเว็ปบังไว้อยู่แล้ว ไม่มีความจำเป็นที่จะต้องเก็บรูปภาพไว้แบบเต็มๆ และเป็นการลดรายละเอียดของรูปภาพลงด้วย จะทำให้ Size ของรูปภาพลดลงได้ด้วยครับ ดูตามตัวอย่างครับ


รูปภาพตัวอย่าง ไม่ใช่ขนาดจริง

จากรูป ผมแก้ไขใน Photoshop ครับ ผม New งานใหม่ขนาด 1440x1024 px resolution 72 ผมนำภาพต้นแบบมาทำการ Tranform ให้เท่ากับขนาดของพื้นที่งาน และทำการเลื่อนรูปภาพขึ้นไปจนขอบล่างได้อย่างในรูป แล้วใช้ Eraser Tool ใช้หัวขนาด 100 แบบฟุ้ง opacity ประมาณ 50% เพื่อลบเงาออกไปบ้าง ต่อจากนั้นก็แต่งเงาให้เนียนๆ แบบในภาพครับ และทำการลบพื้นที่ตรงกลางออกไป 980px และเทสีพื้นหลังด้วยค่าสี #40595d จากนั้นก็ทำการ Save for web(Shift+Ctrl+Alt+S) และเลือกเฟเป็นไฟล์ JPEG ปรับเป็น medium หรือ high ก็ได้ตามใจชอบ อย่าให้เกินนี้ ไฟล์ที่ได้ออกมาจะมีขนาดไม่เกิน 100Kb

เมื่อทำภาพเสร็จแล้วก็มาแต่งโค้ด css ดังนี้ครับ

body {
   background: url(../img/รูปภาพ.jpg) no-repeat center top;
   background-color: #40595d;
  background-attachment: fixed;

background-attachment: fixed; จะใส่หรือไม่ใส่ก็ได้นะครับ ปรับตามใจชอบครับ ลองเอาไฟล์ตัวอย่างไปลองก่อนได้ครับ Download

[TheDay]

PrestaShop ที่เพื่อนๆ ทำกัน สินค้าเราต้องจัดส่งเองหรือเปล่าครับ

[george]

ได้แล้วครับ ขอบคุณครับ ส่วนเรื่องจะต้องหัวข้อเป็น Prestashop ผมว่าก็ดีเหมือนกันนะครับจะได้ดูง่ายด้วย
รวมหลายๆเรื่องทีเดียวเลยจะได้ไม่ต้องเปิดทีละหัวข้อ

[kennn]

PrestaShop ที่เพื่อนๆ ทำกัน สินค้าเราต้องจัดส่งเองหรือเปล่าครับ

การส่งสินค้าส่วนมากที่ผมเห็นทำๆกัน ก็ส่งผ่านทางไปรษณีย์ EMS แล้วก็ส่งโดยพนักงานจัดส่งของทางร้านภายในกรุงเทพและปริมณฑลครับ ส่วนการจัดส่งต่างประเทศคงต้องใช้บริการของ UPS , Fedex

[PLUS+]

ไว้เดี๋ยวจะลองเล่นมั้งเคยเล่นอยู่เหมือนกัน ชอบดี

ตอนแรกนึกว่ากระทู้นี้ร้อนซะอีก เห็นเริ่มอุ่นๆ ตั้งแต่หน้าสอง

[offpiero]

ทำธีมแล้วเครียดกะ IE6 จริงๆ  

เมื่อไหร่มันจะไม่มีคนใช้ซะทีนะเนี่ย  

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



ขออภัยในความยาวของรูปครับ 

[kennn]

ไว้เดี๋ยวจะลองเล่นมั้งเคยเล่นอยู่เหมือนกัน ชอบดี

ตอนแรกนึกว่ากระทู้นี้ร้อนซะอีก เห็นเริ่มอุ่นๆ ตั้งแต่หน้าสอง

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

ทำธีมแล้วเครียดกะ IE6 จริงๆ  

เมื่อไหร่มันจะไม่มีคนใช้ซะทีนะเนี่ย  

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

### รูปภาพขอละไว้นะครับ ###

ขออภัยในความยาวของรูปครับ 

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

ผมคิดว่าตรงเมนูแนวนอนด้านบนดีแล้วครับ รวมถึงปุ่มต่างๆดีไซน์น่าใช้ดี ตรง Feature Products ก็จัดว่างตำแหน่งการเรียงสินค้าพอใช้ได้อยู่

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

ผมมีตัวอย่างให้ลองเลือกปรับดูครับ
hxxp://www.templatemonster.com/joomla-templates/26989.html
hxxp://www.templatemonster.com/magento-themes/26145.html
hxxp://www.templatemonster.com/oscommerce-templates/26906.html
hxxp://www.templatemonster.com/oscommerce-templates/25707.html
hxxp://www.templatemonster.com/magento-themes/25318.html

เข้าดูในส่วนของ Live Demo นะครับ จะเห็นความงามแบบเต็มๆ ได้ไอเดียเพิ่มเติมดีครับ