[Skip to main content](#vessel-content) # How to modify layout view=product&layout=listing ## - **[canadatom](/forum/user/19809-canadatom "View canadatom's Profile")** - [![canadatom's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/19809-canadatom "View canadatom's Profile") Topic Author - [ Offline](/forum/user/19809-canadatom) Less More - Posts: 9 - Thank you received: 0 - - 13 years 5 months ago [\#105378](#105378) by [canadatom](/forum/user/19809-canadatom "View canadatom's Profile") *[How to modify layout view=product&layout=listing](/forum/4-how-to/82528-how-to-modify-layout-view-product-layout-listing#105378 "Hi all, I am trying to modify the layout of each product listed in product listing page, index.php?option=com_hikashop&view=product&layout=listing e.g. I wanna move the price from left to bottom of the page, I browsed around in templ php in both catalog and product without luck, anyone can give me a quick hint on where can I find that php to modify with?")* was created by *[canadatom](/forum/user/19809-canadatom "View canadatom's Profile")* Hi all, I am trying to modify the layout of each product listed in product listing page, index.php?option=com_hikashop&view=product&layout=listing e.g. I wanna move the price from left to bottom of the page, I browsed around in templ php in both catalog and product without luck, anyone can give me a quick hint on where can I find that php to modify with? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgyNTI4LWhvdy10by1tb2RpZnktbGF5b3V0LXZpZXctcHJvZHVjdC1sYXlvdXQtbGlzdGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86320 - Thank you received: 14276 - - 13 years 5 months ago [\#105380](#105380) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[How to modify layout view=product&layout=listing](/forum/4-how-to/82528-how-to-modify-layout-view-product-layout-listing#105380 "Hi all, I am trying to modify the layout of each product listed in product listing page, index.php?option=com_hikashop&view=product&layout=listing e.g. I wanna move the price from left to bottom of the page, I browsed around in templ php in both catalog and product without luck, anyone can give me a quick hint on where can I find that php to modify with?")* You need to edit the file "listing_img_title" of the product view via the menu Display->Views. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgyNTI4LWhvdy10by1tb2RpZnktbGF5b3V0LXZpZXctcHJvZHVjdC1sYXlvdXQtbGlzdGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[canadatom](/forum/user/19809-canadatom "View canadatom's Profile")** - [![canadatom's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/19809-canadatom "View canadatom's Profile") Topic Author - [ Offline](/forum/user/19809-canadatom) Less More - Posts: 9 - Thank you received: 0 - - 13 years 5 months ago [\#105385](#105385) by [canadatom](/forum/user/19809-canadatom "View canadatom's Profile") Replied by *[canadatom](/forum/user/19809-canadatom "View canadatom's Profile")* on topic *[How to modify layout view=product&layout=listing](/forum/4-how-to/82528-how-to-modify-layout-view-product-layout-listing#105385 "Hi all, I am trying to modify the layout of each product listed in product listing page, index.php?option=com_hikashop&view=product&layout=listing e.g. I wanna move the price from left to bottom of the page, I browsed around in templ php in both catalog and product without luck, anyone can give me a quick hint on where can I find that php to modify with?")* Hi Nicolas, Thanks for your quick response, from firebug, I can see on the product listing page, it's table structure with the following <tbody> <td>hikashop_product_item_left_part</td> <td>hikashop_product_item_right_part</td> </tbody> What I am trying to do is to move the price and add to cart to bottom, from product / listing_.php, I can't see there is a logic to do that, please advise. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgyNTI4LWhvdy10by1tb2RpZnktbGF5b3V0LXZpZXctcHJvZHVjdC1sYXlvdXQtbGlzdGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[canadatom](/forum/user/19809-canadatom "View canadatom's Profile")** - [![canadatom's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/19809-canadatom "View canadatom's Profile") Topic Author - [ Offline](/forum/user/19809-canadatom) Less More - Posts: 9 - Thank you received: 0 - - 13 years 5 months ago [\#105386](#105386) by [canadatom](/forum/user/19809-canadatom "View canadatom's Profile") Replied by *[canadatom](/forum/user/19809-canadatom "View canadatom's Profile")* on topic *[How to modify layout view=product&layout=listing](/forum/4-how-to/82528-how-to-modify-layout-view-product-layout-listing#105386 "Hi all, I am trying to modify the layout of each product listed in product listing page, index.php?option=com_hikashop&view=product&layout=listing e.g. I wanna move the price from left to bottom of the page, I browsed around in templ php in both catalog and product without luck, anyone can give me a quick hint on where can I find that php to modify with?")* [ andrea.wclsolutions.com/index.php?option...t=listing&Itemid=626](http://andrea.wclsolutions.com/index.php?option=com_hikashop&view=product&layout=listing&Itemid=626) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgyNTI4LWhvdy10by1tb2RpZnktbGF5b3V0LXZpZXctcHJvZHVjdC1sYXlvdXQtbGlzdGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 13 years 5 months ago [\#105398](#105398) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[How to modify layout view=product&layout=listing](/forum/4-how-to/82528-how-to-modify-layout-view-product-layout-listing#105398 "Hi all, I am trying to modify the layout of each product listed in product listing page, index.php?option=com_hikashop&view=product&layout=listing e.g. I wanna move the price from left to bottom of the page, I browsed around in templ php in both catalog and product without luck, anyone can give me a quick hint on where can I find that php to modify with?")* Hi, You seems to be using the view "listing_img_desc", before "<div class="hikashop_product_item_left_part">" there is "<td valign="top">" change the "top" value by "bottom". Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgyNTI4LWhvdy10by1tb2RpZnktbGF5b3V0LXZpZXctcHJvZHVjdC1sYXlvdXQtbGlzdGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[canadatom](/forum/user/19809-canadatom "View canadatom's Profile")** - [![canadatom's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/19809-canadatom "View canadatom's Profile") Topic Author - [ Offline](/forum/user/19809-canadatom) Less More - Posts: 9 - Thank you received: 0 - - 13 years 5 months ago [\#105463](#105463) by [canadatom](/forum/user/19809-canadatom "View canadatom's Profile") Replied by *[canadatom](/forum/user/19809-canadatom "View canadatom's Profile")* on topic *[How to modify layout view=product&layout=listing](/forum/4-how-to/82528-how-to-modify-layout-view-product-layout-listing#105463 "Hi all, I am trying to modify the layout of each product listed in product listing page, index.php?option=com_hikashop&view=product&layout=listing e.g. I wanna move the price from left to bottom of the page, I browsed around in templ php in both catalog and product without luck, anyone can give me a quick hint on where can I find that php to modify with?")* Thanks, By wrap the td to a tr, I am able to have it in the bottom of each product row. Thanks again for your advices. Another quick question about the product name style, it seems using my template style? Is it the best way to change my template css to style the product name? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgyNTI4LWhvdy10by1tb2RpZnktbGF5b3V0LXZpZXctcHJvZHVjdC1sYXlvdXQtbGlzdGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 13 years 5 months ago [\#105532](#105532) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[How to modify layout view=product&layout=listing](/forum/4-how-to/82528-how-to-modify-layout-view-product-layout-listing#105532 "Hi all, I am trying to modify the layout of each product listed in product listing page, index.php?option=com_hikashop&view=product&layout=listing e.g. I wanna move the price from left to bottom of the page, I browsed around in templ php in both catalog and product without luck, anyone can give me a quick hint on where can I find that php to modify with?")* Hi, Yes, it would be easier for you to create custom css rules in order to style the product name. Otherwise you can put it into a custom css file but in your template it would be more logical. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgyNTI4LWhvdy10by1tb2RpZnktbGF5b3V0LXZpZXctcHJvZHVjdC1sYXlvdXQtbGlzdGluZz90bXBsPW1hcmtkb3du) 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? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.089 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)