[Skip to main content](#vessel-content) You can talk here in Thai about HikaShop. Please understand that we do not speak Thai at HikaShop and we can't offer support in Thai. # สอบถามการจัด Layout ## - **[Supa](/forum/user/30039-supa "View Supa's Profile")** - [![Supa's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30039-supa "View Supa's Profile") Topic Author - [ Offline](/forum/user/30039-supa) Less More - Posts: 3 - Thank you received: 0 - - 12 years 10 months ago [\#135555](#135555) by [Supa](/forum/user/30039-supa "View Supa's Profile") *[สอบถามการจัด Layout](/forum/13-thai/864159-layout#135555 "-- HikaShop version -- : 2.2.2 -- Joomla version -- : 2.5.16 ต้องการจัดการ Layout ให้ข้อมูลบางส่วน อยู่ด้านขวาของรูปสินค้าครับ")* was created by *[Supa](/forum/user/30039-supa "View Supa's Profile")* -- HikaShop version -- : 2.2.2 -- Joomla version -- : 2.5.16 ต้องการจัดการ Layout ให้ข้อมูลบางส่วน อยู่ด้านขวาของรูปสินค้าครับ - [ ![h6034779.png](/forum/attachment/14147) ](/forum/attachment/14147 "h6034779.png") [ ](/forum/attachment/14147?download=1 "h6034779.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzEzLXRoYWkvODY0MTU5LWxheW91dD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[eMicroMart](/forum/user/23652-emicromart "View eMicroMart's Profile")** - [![eMicroMart's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar23652.png)](/forum/user/23652-emicromart "View eMicroMart's Profile") - [ Offline](/forum/user/23652-emicromart) Less More - Posts: 40 - Thank you received: 2 - - - [](http://www.eMicroMart.com) - 12 years 10 months ago [\#135562](#135562) by [eMicroMart](/forum/user/23652-emicromart "View eMicroMart's Profile") Replied by *[eMicroMart](/forum/user/23652-emicromart "View eMicroMart's Profile")* on topic *[สอบถามการจัด Layout](/forum/13-thai/864159-layout#135562 "-- HikaShop version -- : 2.2.2 -- Joomla version -- : 2.5.16 ต้องการจัดการ Layout ให้ข้อมูลบางส่วน อยู่ด้านขวาของรูปสินค้าครับ")* คร่าว ๆ คือ อาจจะต้องแก้ไขที่ display -> view ครับ เลือกแก้ไฟล์ที่เกี่ยวข้อง หลังจากนั้น อาจจะต้องใช้ css ช่วยตกแต่งอีกทีครับ พอจะมีพื้นฐาน html หรือ css มั๊ยครับ? ลองใช้ firebug ไล่หาจุดที่ต้องแก้ดูครับ The following user(s) said Thank You: [Supa](/forum/user/30039-supa "View Supa's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzEzLXRoYWkvODY0MTU5LWxheW91dD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Supa](/forum/user/30039-supa "View Supa's Profile")** - [![Supa's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30039-supa "View Supa's Profile") Topic Author - [ Offline](/forum/user/30039-supa) Less More - Posts: 3 - Thank you received: 0 - - 12 years 10 months ago [\#135564](#135564) by [Supa](/forum/user/30039-supa "View Supa's Profile") Replied by *[Supa](/forum/user/30039-supa "View Supa's Profile")* on topic *[สอบถามการจัด Layout](/forum/13-thai/864159-layout#135564 "-- HikaShop version -- : 2.2.2 -- Joomla version -- : 2.5.16 ต้องการจัดการ Layout ให้ข้อมูลบางส่วน อยู่ด้านขวาของรูปสินค้าครับ")* ผมไม่มีพื้นฐานดังกล่าวเลย พอจะแสดงตัวอย่างคร่าว ๆ ได้ไหมครับ Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzEzLXRoYWkvODY0MTU5LWxheW91dD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[eMicroMart](/forum/user/23652-emicromart "View eMicroMart's Profile")** - [![eMicroMart's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar23652.png)](/forum/user/23652-emicromart "View eMicroMart's Profile") - [ Offline](/forum/user/23652-emicromart) Less More - Posts: 40 - Thank you received: 2 - - - [](http://www.eMicroMart.com) - 12 years 10 months ago [\#135566](#135566) by [eMicroMart](/forum/user/23652-emicromart "View eMicroMart's Profile") Replied by *[eMicroMart](/forum/user/23652-emicromart "View eMicroMart's Profile")* on topic *[สอบถามการจัด Layout](/forum/13-thai/864159-layout#135566 "-- HikaShop version -- : 2.2.2 -- Joomla version -- : 2.5.16 ต้องการจัดการ Layout ให้ข้อมูลบางส่วน อยู่ด้านขวาของรูปสินค้าครับ")* จากภาพที่ 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 อะไรครับ หากคุณไม่มีพื้นฐานเขียนโปรแกรมเลย และ อยากแก้เพื่อความสวยงามเฉย ๆ แนะนำว่า ไม่ต้องไปแก้ครับ ในอนาคตคำอธิบายของคุณ เยอะ และ ยาวขึ้น คุณอาจจะดีใจที่ไม่ย้ายมันไปทางขวาก็ได้ เพราะมันจะไปเบียดรูป ถ้าอยากแก้จริง ๆ คงต้องหาเพื่อนหรือคนรู้จัก ที่พอเขียนโปรแกรมได้ ช่วยดูให้ครับ - [ ![h6dc5cf3.jpg](/forum/attachment/14150) ](/forum/attachment/14150 "h6dc5cf3.jpg") [ ](/forum/attachment/14150?download=1 "h6dc5cf3.jpg") - [ ![h356050f.jpg](/forum/attachment/14151) ](/forum/attachment/14151 "h356050f.jpg") [ ](/forum/attachment/14151?download=1 "h356050f.jpg") - [ ![h0bf38fa.jpg](/forum/attachment/14152) ](/forum/attachment/14152 "h0bf38fa.jpg") [ ](/forum/attachment/14152?download=1 "h0bf38fa.jpg") The following user(s) said Thank You: [Supa](/forum/user/30039-supa "View Supa's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzEzLXRoYWkvODY0MTU5LWxheW91dD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Supa](/forum/user/30039-supa "View Supa's Profile")** - [![Supa's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30039-supa "View Supa's Profile") Topic Author - [ Offline](/forum/user/30039-supa) Less More - Posts: 3 - Thank you received: 0 - - 12 years 10 months ago [\#135568](#135568) by [Supa](/forum/user/30039-supa "View Supa's Profile") Replied by *[Supa](/forum/user/30039-supa "View Supa's Profile")* on topic *[สอบถามการจัด Layout](/forum/13-thai/864159-layout#135568 "-- HikaShop version -- : 2.2.2 -- Joomla version -- : 2.5.16 ต้องการจัดการ Layout ให้ข้อมูลบางส่วน อยู่ด้านขวาของรูปสินค้าครับ")* ขอบคุณ คุณ eMicroMart มากครับ ที่ได้กรุณาให้คำตอบได้รวดเร็วมาก ผมจะลองเอาไปประยุกต์ดู คาดว่าคงช่วยได้เยอะครับ Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzEzLXRoYWkvODY0MTU5LWxheW91dD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[lhumdin](/forum/user/5557-lhumdin "View lhumdin's Profile")** - [![lhumdin's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar5557.jpg)](/forum/user/5557-lhumdin "View lhumdin's Profile") - [ Offline](/forum/user/5557-lhumdin) Less More - Posts: 423 - Thank you received: 36 - - 12 years 10 months ago [\#135571](#135571) by [lhumdin](/forum/user/5557-lhumdin "View lhumdin's Profile") Replied by *[lhumdin](/forum/user/5557-lhumdin "View lhumdin's Profile")* on topic *[สอบถามการจัด Layout](/forum/13-thai/864159-layout#135571 "-- HikaShop version -- : 2.2.2 -- Joomla version -- : 2.5.16 ต้องการจัดการ Layout ให้ข้อมูลบางส่วน อยู่ด้านขวาของรูปสินค้าครับ")* มีอีกวิธี ง่ายๆ ลองดู เป็นแนว ทางเฉยๆครับ โดยปกติแล้ว ทางขวาของ ภาพที่ส่งมาจะเป็น ในส่วนของ ราคา ครับ เราก็ทำการโดย สลับ เอา รายละเอียด ไปแทนตรงราคา ขยับตำแหน่งกัน ซึ่งต้องไปแก้ไขใน code อีกทีนึง ถ้าไม่มีความรู้ด้าน html หรือ css เบื่องต้น แนะนำว่าอย่าแแแก้เลยครับ เด่วจะงง ส่วนที่เหลืออื่นๆกะตามที่ มีท่านอื่นตอบไว้ครับ The following user(s) said Thank You: [Supa](/forum/user/30039-supa "View Supa's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzEzLXRoYWkvODY0MTU5LWxheW91dD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to? Moderators: [lhumdin](/forum/user/5557-lhumdin "View lhumdin's Profile") [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.156 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)