สอบถามการจัด Layout

-- HikaShop version -- : 2.2.2
-- Joomla version -- : 2.5.16

ต้องการจัดการ Layout ให้ข้อมูลบางส่วน อยู่ด้านขวาของรูปสินค้าครับ

คร่าว ๆ คือ อาจจะต้องแก้ไขที่ display -> view ครับ เลือกแก้ไฟล์ที่เกี่ยวข้อง หลังจากนั้น อาจจะต้องใช้ css ช่วยตกแต่งอีกทีครับ

พอจะมีพื้นฐาน html หรือ css มั๊ยครับ? ลองใช้ firebug ไล่หาจุดที่ต้องแก้ดูครับ

ผมไม่มีพื้นฐานดังกล่าวเลย พอจะแสดงตัวอย่างคร่าว ๆ ได้ไหมครับ

จากภาพที่ 1 ผมใช้ firebug เพื่อตรวจสอบดูว่า ภาพสินค้ามันอยู่ตรงไหนของ code ผมก็พบว่า มันอยู่ตรงที่มี hikashop_product_main_image นั้นเอง (แถบสีน้ำเงิน)

ภาพที่ 2 ผมเห็นแล้วว่า code ช่วงนี้ ใช้ tag <div> ในการแสดงผล ดังนั้น ผมจึงลองเพิ่ม tag <div> ใหม่เข้าไป แล้วเขียนว่า abc จะเห็นว่า ตัวหนังสือ abc มันปรากฎตรงกลาง ซ้อนทับกับราคา

ภาพที่ 3 ผมรู้แล้วว่า abc ของผม ตำแหน่งมันอยู่ที่ center ผมเลยแก้ให้มันอยู่ทางขวา โดยแก้ style ให้เป็น right

อันนี้เป็นตัวอย่างง่าย ๆ เฉย ๆ ครับ จะทำจริง ๆ อาจจะต้องไปไล่หาว่า โค้ดจุด hikashop_product_main_image มันอยู่ใน view อะไรครับ หากคุณไม่มีพื้นฐานเขียนโปรแกรมเลย และ อยากแก้เพื่อความสวยงามเฉย ๆ แนะนำว่า ไม่ต้องไปแก้ครับ ในอนาคตคำอธิบายของคุณ เยอะ และ ยาวขึ้น คุณอาจจะดีใจที่ไม่ย้ายมันไปทางขวาก็ได้ เพราะมันจะไปเบียดรูป

ถ้าอยากแก้จริง ๆ คงต้องหาเพื่อนหรือคนรู้จัก ที่พอเขียนโปรแกรมได้ ช่วยดูให้ครับ

ขอบคุณ คุณ eMicroMart มากครับ ที่ได้กรุณาให้คำตอบได้รวดเร็วมาก ผมจะลองเอาไปประยุกต์ดู คาดว่าคงช่วยได้เยอะครับ

มีอีกวิธี ง่ายๆ ลองดู เป็นแนว ทางเฉยๆครับ

โดยปกติแล้ว ทางขวาของ ภาพที่ส่งมาจะเป็น ในส่วนของ ราคา ครับ

เราก็ทำการโดย สลับ เอา รายละเอียด ไปแทนตรงราคา ขยับตำแหน่งกัน
ซึ่งต้องไปแก้ไขใน code อีกทีนึง

ถ้าไม่มีความรู้ด้าน html หรือ css เบื่องต้น
แนะนำว่าอย่าแแแก้เลยครับ เด่วจะงง

ส่วนที่เหลืออื่นๆกะตามที่ มีท่านอื่นตอบไว้ครับ