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

[pharn]

พอดีเอา Modules : Payment bank ของคุณ Kennn ไปทำ แบงค์ กรุงศรี เพิ่มอ่ะครับ เลยเอามาอัพเดตให้ทุกคนครับผม

ตามลิงค์ได้เลยนะครับ ดาวน์โหลด

ขอบคุณมากๆครับ มีเพื่อนๆขอ นครหลวง, westurn แล้วก็ UOB ด้วยครับ รบกวนช่วยทำแจกทีครับ ขอบคุณล่วงหน้าครับ

ตามคำขอครับ Download  

ใช้ได้ไม่ได้ ช่วยตรวจสอบด้วยนะครับ ยังไงขอ Feedback ด้วยละกันครับผม

ปล.อยากได้ Home image rotator อ่ะคุณ Kennn ขอหน่อยๆ

ขอบคุณมากๆคร๊าฟฟฟ   ว่าแต่ ขออีกอันน๊า  scib (ธ.นครหลวง)

สาธุ!! ขอให้รวยๆๆๆ

เอ้า..............มีแล้วนี่นา............ไงก็ขอให้รวยมากกว่าเดิมนะคร๊าฟฟฟ

แหะๆ........

กราบงามๆ พร้อมกะสาธุ ดัง ๆ 3 ที อิอิอิอิ สมพรปากนะค้าบบบบ 

[kerokid]

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

ตอนนี้ กำลังเคลียร์ในเรื่อง ทรัพย์สินต่างๆ อยู่

[bsbblk77]

ขอบคุณครับ

[PARIBAS]

ถ้าจะโหลดทำตอนนี้ ลิงค์ไหนครับ รบกวนเพื่อนๆ หน่อยครับ

[pharn]

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

ตอนนี้ กำลังเคลียร์ในเรื่อง ทรัพย์สินต่างๆ อยู่

ฝากทำด้วยละกันนะคับ อิอิอิ 

[kennn]

ถ้าจะโหลดทำตอนนี้ ลิงค์ไหนครับ รบกวนเพื่อนๆ หน่อยครับ

โหลดไปทดลองใช้ดูที่หน้า 1 ของกระทู้นี้ครับ

[~SolariS~]

ไม่ได้เข้ามาอ่านซะนานเลย ความรู้ใหม่ๆเพียบ 

ขอบคุณทุกๆท่านด้วยครับ 

[PARIBAS]

ถ้าจะโหลดทำตอนนี้ ลิงค์ไหนครับ รบกวนเพื่อนๆ หน่อยครับ

โหลดไปทดลองใช้ดูที่หน้า 1 ของกระทู้นี้ครับ

ผมโหลด ตัวติดตั้งที่นี่ครับ >>PS NEW THEME
แต่ทำไม ระบบหลังบ้านยังเป็นภาษาอังกฤษ อยู่อะคับ

[pharn]

แถบลิงค์ด้านบนสุดที่เป็น navigation bar ทำไงอ่ะคับ หรือโหลด module ได้ที่ไหนแนะนำด้วยครับ

[kennn]

ถ้าจะโหลดทำตอนนี้ ลิงค์ไหนครับ รบกวนเพื่อนๆ หน่อยครับ

โหลดไปทดลองใช้ดูที่หน้า 1 ของกระทู้นี้ครับ

ผมโหลด ตัวติดตั้งที่นี่ครับ >>PS NEW THEME
แต่ทำไม ระบบหลังบ้านยังเป็นภาษาอังกฤษ อยู่อะคับ

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

แถบลิงค์ด้านบนสุดที่เป็น navigation bar ทำไงอ่ะคับ หรือโหลด module ได้ที่ไหนแนะนำด้วยครับ

ถ้าโหลด PS NEW THEME ไป และลงแบบติดตั้ง มันจะมี navigation bar ขึ้นมาให้ครับ แต่ถ้าลงแบบอื่น ต้องดูว่าใน modules หลังร้านมีโมดูลชื่อ Top horizental menu หรือไม่ครับ ถ้ามีก็ให้เปิดใช้งานและปรับ position ในส่วน Top of pages ให้ Top horizontal menu อยู่ใต้ block Quick Search และอยู่เหนือ block User info ครับ

ถ้าไม่มีก็ให้เอาจากโฟลเดอร์ modules ใน PS NEW THEME ชื่อโฟลเดอร์ blocktopmenu

[pharn]

แถบลิงค์ด้านบนสุดที่เป็น navigation bar ทำไงอ่ะคับ หรือโหลด module ได้ที่ไหนแนะนำด้วยครับ

ถ้าโหลด PS NEW THEME ไป และลงแบบติดตั้ง มันจะมี navigation bar ขึ้นมาให้ครับ แต่ถ้าลงแบบอื่น ต้องดูว่าใน modules หลังร้านมีโมดูลชื่อ Top horizental menu หรือไม่ครับ ถ้ามีก็ให้เปิดใช้งานและปรับ position ในส่วน Top of pages ให้ Top horizontal menu อยู่ใต้ block Quick Search และอยู่เหนือ block User info ครับ

ถ้าไม่มีก็ให้เอาจากโฟลเดอร์ modules ใน PS NEW THEME ชื่อโฟลเดอร์ blocktopmenu

ขอบคุณค้าบบ ดูเหมือนว่าจะต้องแงะ Slide show ออกมาด้วยวิธีเดียวกัน อิอิ สู้ๆ

[pharn]

คือตอนนี้มีปัญหาล่ะครับ ผมโหลดเอา theme ใหม่ครบเซ็ต ไปแปะลงใน web เก่า่อ่ะครับ คราวนี้มีปัญหาที่หน้าแรกครับ กรอบ Product_content มันสั้นกว่าปกติ จนมีแค่รูปภาพ แค่นั้นอ่ะคับ

เลยอยากให้ปุ่ม และราคา มาแสดงเหมือนเดิมจะปรับแก้ได้ที่ไหนเอ่ย

แต่ก่อนผมแก้ที่ global.css  ที่ folder theme อ่ะครับ ตอนนี้ไปแก้ดูแล้วก็ไม่มีไรดีขึ้นอ่ะครับ เลย งง งง

[PARIBAS]

สอบถามเพิ่มเติม

ถ้าต้องการใส่ logo ให้เต็มบรรทัด จะต้องแก้ไฟล์ไหนครับ

[PARIBAS]

ดันหน่อยครับ

[kennn]

คือตอนนี้มีปัญหาล่ะครับ ผมโหลดเอา theme ใหม่ครบเซ็ต ไปแปะลงใน web เก่า่อ่ะครับ คราวนี้มีปัญหาที่หน้าแรกครับ กรอบ Product_content มันสั้นกว่าปกติ จนมีแค่รูปภาพ แค่นั้นอ่ะคับ

เลยอยากให้ปุ่ม และราคา มาแสดงเหมือนเดิมจะปรับแก้ได้ที่ไหนเอ่ย

แต่ก่อนผมแก้ที่ global.css  ที่ folder theme อ่ะครับ ตอนนี้ไปแก้ดูแล้วก็ไม่มีไรดีขึ้นอ่ะครับ เลย งง งง

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

แต่เมื่อไม่มีไฟล์ Back up ผมก็คงต้องขอรูปแบบ ส่งมาเป็นภาพเพิ่มเติมครับ ว่าต้องการให้ส่วนนั้นๆเป็นแบบไหน ผมจะได้สามารถบอกจุดแก้ไข CSS ได้ถูกต้องครับ

สอบถามเพิ่มเติม

ถ้าต้องการใส่ logo ให้เต็มบรรทัด จะต้องแก้ไฟล์ไหนครับ

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


การใส่รูปภาพในส่วนหัวเว็ปให้กับ Prestashop


ผมขอเน้นก่อนเลยนะครับ การใส่ภาพพื้นหลังให้ Prestashop เราไม่ควรแก้ไขภาพโลโก้ให้มีขนาดสูงมากเกินไป ความสูงไม่ควรเกิน 120px ความกว้างไม่ควรเกิน 300px

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

หตุผลที่สองคือ เมื่อภาพโลโก้มีความกว้างมาก สมมุตประมาณ 980px ซึ่งเท่ากับขนาดของตัวเว็บ PS NEW THEME รูปภาพจะดันโมดูลทางขวามือในส่วน Head ตกลงไปครับ ซึ่งได้แก่โมดูล block languages, block currency ฯลฯ

การทำภาพในส่วนหัวนั้น ผมแนะนำให้ใส่โค้ด css ที่ส่วน #page ครับ ตามโค้ดด้านล่างครับ  background-color จะใส่หรือไม่ใส่ก็ได้ครับ แล้วแต่รูปแบบของแต่ละคน

#page {
  background: url('../img/รูปภาพที่ต้องการใช้.jpg') no-repeat top left;
  background-color:#fff;
  width: 980px;
  margin: 0 auto 2px auto;
  text-align:left;
}

จากนั้นเราก็ต้องดูว่ารูปของเราสูงเท่าไหร่ด้วยครับ สมมุติรูปสูง 200px เราต้องใส่ความสูงในส่วนของ h1#logo เพื่อให้ความสูงของ head พอดีกับรูปภาพครับ ให้ลบออก 10px ด้วยนะครับ เพราะในส่วนของ h1#logo มีการกำหนด margin-top:10px; คือ ให้ห่างจากขอบบน 10px นั่นเอง แต่ในส่วนของ #page ซึ่งมีรูปภาพอยู่มันชิดขอบบนครับ ก็จะได้โค้ดแบบนี้

h1#logo {
    float: left;
   width: 29%;
   margin-top:10px;
   margin-bottom:8px;
   height:180px;
}

เราควรนำรูปภาพที่จะใช้เป็นพื้นหลังไปไว้ที่โฟลเดอร์ themes/ธีมที่ใช้/img/ ครับ แล้วจึงเรียก path รูปภาพตามตัวอย่างได้เลย แต่ถ้านำรูปภาพไปไว้ที่ img ที่อยู่ที่ root เราต้องเรียกพื้นหลังแบบนี้ครับ
background: #fff url('../../../img/รูปภาพพื้นหลัง.jpg') no-repeat top left;

ปล. ความกว้างรูปภาพที่จะใส่ในส่วน #page ควรมีความกว้างไม่เกิน 980px สำหรับ PS NEW THEME นะครับ

[PARIBAS]

คุณ kennn สุดยอดจิงๆ

[nanbeauty]

ขอเก็บนะ 

[memepop]

สวัสดีค่ะ
อยากรบกวนถามเพื่อนๆในบอร์ดว่า

จะ Add "footer link เพิ่มยังไงคะ"
เพราะเดิมมันก็มีพวก " สินค้าขายดี" "สินค้าใหม่"
แล้วก็พวกลิงค์ CMS น่ะค่ะ

แต่เราอยากจะแอดลิงค์ แจ้งชำระเงินน่ะค่ะ 
(เราแอด โมดูล footer link ไว้ที่ right column นะคะ แฮะๆ ธีมแปลกสินะ)


ไม่ทราบว่าจะแอดยังไงคะ
( ลง โมดูล แล้ว url คือ http://www.kradum.com/modules/paidinform/payment-form.php )
นี่น่ะค่ะ

http://www.kradum.com



------

แล้วก็ .. อยากทำว่า
จะเพิ่มจำนวนตัวอักษร ของ Featured Products ในหน้าแรกยังไงหรอคะ
เพราะว่า พอไปแก้ ใน product-list.tpl ตามที่ท่าน kenn บอกแล้ว

มันแก้ได้เฉพาะ ส่วน แสดงสินค้าอื่นๆ ( สินค้าใหม่  หรือถ้าเปิดเข้าไปดูใน categories โดยตรง อะไรพวกนี้ )
แต่ ช่องสินค้า featured(สินค้าแนะนำ) มันไม่เป็นแปลงเลยค่ะ

T.T

( ดูภาพประกอบได้ที่หน้าเว็บเลยค่ะ )

อันนี้ คือแก้แล้ว ... มันก็ขึ้นตามที่ต้องการค่ะ
แต่มันยังเหลือ



ขอเพิ่มอีกหนึ่งคำถามนะคะ
คือว่า ... เมื่อกี้เราไปทำอะไรไม่รู้
แต่...
มันขึ้นมาแบบนี้ค่ะ

เป็นลิงค์สินค้าไม่มีระเบียบ ToT

[pharn]

คุณเคน ตอนนี้ทุกอย่างเข้าที่เข้าลางละคับ อิอิ 

[kennn]

สวัสดีค่ะ
อยากรบกวนถามเพื่อนๆในบอร์ดว่า

จะ Add "footer link เพิ่มยังไงคะ"
เพราะเดิมมันก็มีพวก " สินค้าขายดี" "สินค้าใหม่"
แล้วก็พวกลิงค์ CMS น่ะค่ะ

แต่เราอยากจะแอดลิงค์ แจ้งชำระเงินน่ะค่ะ 
(เราแอด โมดูล footer link ไว้ที่ right column นะคะ แฮะๆ ธีมแปลกสินะ)


ไม่ทราบว่าจะแอดยังไงคะ
( ลง โมดูล แล้ว url คือ http://www.kradum.com/modules/paidinform/payment-form.php )
นี่น่ะค่ะ

http://www.kradum.com



------

แล้วก็ .. อยากทำว่า
จะเพิ่มจำนวนตัวอักษร ของ Featured Products ในหน้าแรกยังไงหรอคะ
เพราะว่า พอไปแก้ ใน product-list.tpl ตามที่ท่าน kenn บอกแล้ว

มันแก้ได้เฉพาะ ส่วน แสดงสินค้าอื่นๆ ( สินค้าใหม่  หรือถ้าเปิดเข้าไปดูใน categories โดยตรง อะไรพวกนี้ )
แต่ ช่องสินค้า featured(สินค้าแนะนำ) มันไม่เป็นแปลงเลยค่ะ

T.T

( ดูภาพประกอบได้ที่หน้าเว็บเลยค่ะ )

อันนี้ คือแก้แล้ว ... มันก็ขึ้นตามที่ต้องการค่ะ
แต่มันยังเหลือ



ขอเพิ่มอีกหนึ่งคำถามนะคะ
คือว่า ... เมื่อกี้เราไปทำอะไรไม่รู้
แต่...
มันขึ้นมาแบบนี้ค่ะ

เป็นลิงค์สินค้าไม่มีระเบียบ ToT

การเพิ่มหรือโมดิฟาย Footer ส่วนใหญ่แล้วก็ต้องแก้ไขไฟล์ themes/ธีมที่ใช้/footer.tpl หรือแก้ไขที่โมดูล blockvariouslinks ในไฟล์ .tpl ครับ เพิ่มลิงค์ในรูปแบบ Html เข้าไปเลยครับ


Featured Products กับ product-list.tpl มันคนละส่วนครับ Featured Products เป็นโมดูลที่มีชื่อโฟลเดอร์ว่า homefeatured และอยู่ในโฟลเดอร์ /modules/  ส่วน product-list.tpl ไม่ใช่ไฟล์โมดูลเป็นไฟล์หลักของเว็บใช้ในการแสดงลิสสินค้าอีกแบบ หากเราต้องการแก้ไขส่วนที่เป็นปัญหา เราต้องพิจารณาดูก่อนครับว่า มันคือโมดูลหรือไฟล์หลักของเว็บ ถ้าเราจะแก้ไข Featured Products เราก็ไปที่ modules/homefeature/ แล้วก็แก้ไข Html ในไฟล์ .tpl ครับ(ระวังเรื่องตัวแปรภายในด้วยนะครับ อย่าเผลอลบตัวแปรออก)

จากที่ดูภาพประกอบ คุณ memepop คงจะแก้ไขไฟล์ product-list.tpl และคงนำตัวแปรในการวนลูปออกหรือไม่ได้เพิ่มสคริปในการตัดสินค้าเพื่อขึ้นแถวใหม่เข้าไป ทำให้การแสดงผลออกมาเรียงเป็นแถวอยู่ในแนวเดียวกัน(ลองใส่สินค้าเพิ่มจะเห็นผลที่ออกมาคือ สินค้าเรียงไปทางขวาในแถวเดียวกันหมด) ซึ่งของเดิมก็ทำไว้แค่ 1 แถวต่อ 1 สินค้า

การแก้ไข ผมขอเริ่มที่ Featured Products ก่อนแล้วกันครับ หากต้องการแก้ไขชื่อให้สั่นหรือยาวเต็มชื่อ ให้โหลดตัว PS NEW THEME ที่หน้าแรกของกระทู้นี้ แล้วเข้าไปเอาโมดูลที่ชื่อว่า homefeatured มาใส่เข้าไปแทนที่ homefeatured ตัวเก่าครับ(uninstall ตัวเก่าที่ backoffice ออกก่อนด้วยครับ) เหตุผลที่ให้นำ homefeatured จากตัว  PS NEW THEME มาใช้ก็เพราะว่ามันสามารถกำหนดความยาวของข้อความได้ สามารถกำหนดจำนวนการแสดงสินค้าได้ และสามารถสั่งให้แสดงหรือไม่แสดง รูปภาพ,เนื้อหาสินค้า,ราคา,ปุ่ม ได้ครับ

เมื่อนำมาใช้และ install แล้ว ก็ให้เข้าไป ->configure(โมดูลจะมีชื่อว่า Featured Products on the homepage อย่ในส่วน Home) ให้ทำการใส่ค่าตัวเลขที่หัวข้อ Limit of title name หากต้องการให้ชื่อหัวข้อยาวเต็ม ก็ใส่ค่าตัวเลขไปสัก 255 ก็พอมั้งครับ และหากไม่ต้องการให้ชื่อหัวข้อมี ... ก็ให้ไปแก้ไขที่ไฟล์ modules/homefeatured/homefeatured.tpl หาบรรทัดนี้แล้วเอา ... ออกครับ

<h5><a href="{$product.link}" title="{$product.name|escape:'htmlall':'UTF-8'}">{$product.name|truncate:$limitname:'...'|escape:'htmlall':'UTF-8'}</a></h5>

ในส่วนเนื้อหาสินค้าก็ทำเหมือนกันครับ ถ้าต้องการเอาออก

{if $displaydesc}
               <p class="product_desc"><a href="{$product.link}" title="{l s='More' mod='homefeatured'}">{$product.description_short|strip_tags|truncate:$limitSdescription:'...'}</a></p>
                    {/if}

หมายเหตุ ในส่วนของหัวข้อสินค้า เราควรใส่ข้อความที่ตรงกับชื่อสินค้า ดีกว่าใส่แค่รหัสสินค้าครับ มีผลกับ SEO มากๆครับ




ส่วนของหน้า product-list.tpl ต้องมีการเพิ่มตัวแปรเข้าไปในการกำหนดจำนวนสินค้าต่อแถวครับ(ดูไฟล์ modules/homefeatured/homefeatured.tpl เป็นตัวอย่าง) แล้วก็แก้ไข CSS ครับ ผมมีตัวอย่างโค้ดในไฟล์ product-list.tpl ที่แก้ไขแบบง่ายๆแล้วมาให้ดูครับ การแสดงผลจะเหมือน Feature Product ครับ

{if isset($products)}
<div id="featured-products_block_center" class="block products_block">
<div class="block_content">
   <!-- Products list -->
    {assign var='liHeight' value=342}
   {assign var='nbItemsPerLine' value=2}
   {assign var='nbLi' value=$products|@count}
   {assign var='nbLines' value=$nbLi/$nbItemsPerLine|ceil}
   {assign var='ulHeight' value=$nbLines*$liHeight}
   <ul style="height:{$ulHeight}px;" class="clear">
   {foreach from=$products item=product name=products}
      <li class="ajax_block_product {if $smarty.foreach.products.first}first_item{elseif $smarty.foreach.products.last}last_item{else}item{/if} {if $smarty.foreach.products.iteration%$nbItemsPerLine == 0}last_item_of_line{elseif $smarty.foreach.products.iteration%$nbItemsPerLine == 1}clear{/if} {if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - ($smarty.foreach.products.total % $nbItemsPerLine))}last_line{/if}">
         <div class="center_block">
            <h5>{if $product.new == 1}<span class="new">{l s='new'}</span>{/if}<a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.legend|escape:'htmlall':'UTF-8'}">{$product.name|truncate:35:'...'|escape:'htmlall':'UTF-8'}</a></h5>
            <p class="product_desc"><a href="{$product.link|escape:'htmlall':'UTF-8'}">{$product.description_short|strip_tags:'UTF-8'|truncate:55:'...'}</a></p>
            <a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'UTF-8'}"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" /></a>
                <!--<span class="availability">{if ($product.allow_oosp OR $product.quantity > 0)}{l s='Available'}{else}{l s='Out of stock'}{/if}</span> -->
            
         </div>
         <div class="right_block">
            <!--{if $product.on_sale}
               <span class="on_sale">{l s='On sale!'}</span>
            {elseif ($product.reduction_price != 0 || $product.reduction_percent != 0) && ($product.reduction_from == $product.reduction_to OR ($smarty.now|date_format:'%Y-%m-%d' <= $product.reduction_to && $smarty.now|date_format:'%Y-%m-%d' >= $product.reduction_from))}
               <span class="discount">{l s='Price lowered!'}</span>
            {/if} -->
            {if !$priceDisplay || $priceDisplay == 2}<div><span class="price" style="display: inline;">{convertPrice price=$product.price}</span>{if $priceDisplay == 2} {l s='+Tx'}{/if}</div>{/if}
            {if $priceDisplay}<div><span class="price" style="display: inline;">{convertPrice price=$product.price_tax_exc}</span>{if $priceDisplay == 2} {l s='-Tx'}{/if}</div>{/if}
            {if ($product.allow_oosp OR $product.quantity > 0) && $product.customizable != 2}
               <a class="button ajax_add_to_cart_button exclusive" rel="ajax_id_product_{$product.id_product|intval}" href="{$base_dir}cart.php?add&amp;id_product={$product.id_product|intval}&amp;token={$static_token}">{l s='Add to cart'}</a>
            {else}
                  <span class="exclusive">{l s='Add to cart'}</span>
            {/if}
            <a class="button" href="{$product.link|escape:'htmlall':'UTF-8'}" title="{l s='View'}">{l s='View'}</a>
         </div>
         <br class="clear"/>
      </li>
   {/foreach}
   </ul>
    </div>
   <!-- /Products list -->
    </div>
{/if}

เลข 2 ที่ไฮไลท์สีแดงไว้ หมายถึง จำนวนสินค้า 2 รายการต่อแถวครับ หากต้องการเพิ่มเป็น 3,4 ... ก็ใส่เลขที่ต้องการเข้าไป จากนั้นก็ไปปรับ CSS ที่ไฟล์ themes/ธีมที่ใช้/css/global.css หาโค้ดตามนี้ครับ แล้วดูชื่อ class ที่จะแก้จากไฟล์ Products-list.tpl เพิ่มเติมครับ

#center_column .products_block ul li {

หรือ ctrl+F(ค้นหาแบบ ALL ในไฟล์ global.css) ค้นหา class .products_block แล้วค่อยๆไล่แก้ไขให้ได้รูปแบบตามต้องการครับ พยายามเช็คหน้าอื่นๆด้วยนะครับ เผื่อไปแก้ส่วนที่ไม่เกี่ยวข้อง ยังไงก็ลองไปปรับใช้เพิ่มเติมนะครับ