แก้ไขธีม Wootique ให้แสดงคอลัมน์ 2 ให้เป็น 3

ช่วงนี้ผมพบว่า woocommerce นั้นมันมีภาษาไทย จากตัวของมันเองแล้ว (คือไม่ได้ลงเองเพิ่ม หรือแปลเองเพิ่ม) แต่ก็ดูเหมือนจะไม่เต็มร้อยนะ แต่ผมว่ามันก็น่าสนใจดีแล้วล่ะ เพราะด้วยความที่มันเป็น wordpress (ไม่งั้น woocommerce ก็คงไม่น่าสนใจ)

 

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

2 colum

ผมก็นั่งปวดหัวอยู่นาน ตอนแรกก็นึกว่าเป็นเพราะเราใช้ภาษาไทย หรือ ว่าเป็นเพราะภาพ thumb มันใหญ่เกินไป งมกันไปมึนกันไป สุดท้ายก็แก้ไม่ได้นะครับ เฮ้อ แมร่งเอ๊ย ทำให้ใช้ฟรีแล้ว ทำดีๆหน่อยก็ไม่ได้ (แน่ะ .. แอบนิสัยเสีย เขาอุส่าทำให้ใช้)

 

แล้วก็เจอไป Blog ของ “คุณพี่ฝรั่งหัวใส” เข้า ใจความว่าเขียนเกี่ยวกับวิธีแก้ปัญหานี้แหละ http://onlinepresencecompany.com/2014/10/two-product-columns-error-wootique/

พี่แกก็บอกวิธีแก้ง่ายๆมาก แค่เอาโค้ดนั่นน่ะ ไปใส่ใน custom.css เท่านั้นเอง

3 colum

Now, on to fixing the columns issue:

To show three columns on your default shop page and ‘recent products’ section of your home page, simply paste the code below into your ‘custom.css’ file.

.woocommerce ul.products li.last, .woocommerce-page ul.products li.last
{
margin-right: 0;
}

Problem solved!

จบป่ะ .. งานนี้ต้องขอบคุณพี่ฝรั่งหัวใสมากๆเลย ไม่งั้นคงต้องงมอีกสักพักแหงๆ

ใส่ความเห็น