[Skip to main content](#vessel-content) # changing the product layout ## - **[luizarios](/forum/user/3405-luizarios "View luizarios's Profile")** - [![luizarios's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3405-luizarios "View luizarios's Profile") Topic Author - [ Offline](/forum/user/3405-luizarios) Less More - Posts: 66 - Thank you received: 0 - - 15 years 1 month ago [\#25051](#25051) by [luizarios](/forum/user/3405-luizarios "View luizarios's Profile") *[changing the product layout](/forum/4-how-to/25051-changing-the-product-layout#25051 "Hi, I'd like to change the layout of my product view, this page, for example, has a field with the prodcut quantity, then + - then add to cart, ( www.gadgetgeeky.co.uk/index.php/componen...show/253-selfstirmug ) I've added a mock up of what I'd like the price area to look like. I'd like to add the word "quantity" before the field, then add a line break after the +- and add a much more stylish add to cart button. Could someone help me ? Which file do I need to modify? Any help will be much appreciated Many thanks")* was created by *[luizarios](/forum/user/3405-luizarios "View luizarios's Profile")* Hi, I'd like to change the layout of my product view, this page, for example, has a field with the prodcut quantity, then + - then add to cart, ([ www.gadgetgeeky.co.uk/index.php/componen...show/253-selfstirmug](http://www.gadgetgeeky.co.uk/index.php/component/hikashop/product/show/253-selfstirmug)) I've added a mock up of what I'd like the price area to look like. [ ![[img](http://www.hikashop.com/media/kunena/attachments/legacy/images/price_layout.gif) ](http://www.hikashop.com/media/kunena/attachments/legacy/images/price_layout.gif "[img") I'd like to add the word "quantity" before the field, then add a line break after the +- and add a much more stylish add to cart button. Could someone help me ? Which file do I need to modify? Any help will be much appreciated Many thanks - [ ![price_layout.gif](/forum/attachment/1720) ](/forum/attachment/1720 "price_layout.gif") [ ](/forum/attachment/1720?download=1 "price_layout.gif") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI1MDUxLWNoYW5naW5nLXRoZS1wcm9kdWN0LWxheW91dD90bXBsPW1hcmtkb3du) 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: 86316 - Thank you received: 14276 - - 15 years 1 month ago [\#25055](#25055) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: changing the product layout](/forum/4-how-to/25051-changing-the-product-layout#25055 "Hi, I'd like to change the layout of my product view, this page, for example, has a field with the prodcut quantity, then + - then add to cart, ( www.gadgetgeeky.co.uk/index.php/componen...show/253-selfstirmug ) I've added a mock up of what I'd like the price area to look like. I'd like to add the word "quantity" before the field, then add a line break after the +- and add a much more stylish add to cart button. Could someone help me ? Which file do I need to modify? Any help will be much appreciated Many thanks")* Hi, You can do that by creating a quantity input template override as explained there: [ www.hikashop.com/support/documentation/6...tation.html#override](http://www.hikashop.com/support/documentation/62-hikashop-developer-documentation.html#override) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI1MDUxLWNoYW5naW5nLXRoZS1wcm9kdWN0LWxheW91dD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[luizarios](/forum/user/3405-luizarios "View luizarios's Profile")** - [![luizarios's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3405-luizarios "View luizarios's Profile") Topic Author - [ Offline](/forum/user/3405-luizarios) Less More - Posts: 66 - Thank you received: 0 - - 15 years 1 month ago [\#25068](#25068) by [luizarios](/forum/user/3405-luizarios "View luizarios's Profile") Replied by *[luizarios](/forum/user/3405-luizarios "View luizarios's Profile")* on topic *[Re: changing the product layout](/forum/4-how-to/25051-changing-the-product-layout#25068 "Hi, I'd like to change the layout of my product view, this page, for example, has a field with the prodcut quantity, then + - then add to cart, ( www.gadgetgeeky.co.uk/index.php/componen...show/253-selfstirmug ) I've added a mock up of what I'd like the price area to look like. I'd like to add the word "quantity" before the field, then add a line break after the +- and add a much more stylish add to cart button. Could someone help me ? Which file do I need to modify? Any help will be much appreciated Many thanks")* thanks a lot, I've found the cart.php file but my PHP skills aren't up to scratch, any idea where I put the <br /> tag to break the quantity from the add to cart button? Please help Thanks Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI1MDUxLWNoYW5naW5nLXRoZS1wcm9kdWN0LWxheW91dD90bXBsPW1hcmtkb3du) 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: 86316 - Thank you received: 14276 - - 15 years 1 month ago [\#25087](#25087) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: changing the product layout](/forum/4-how-to/25051-changing-the-product-layout#25087 "Hi, I'd like to change the layout of my product view, this page, for example, has a field with the prodcut quantity, then + - then add to cart, ( www.gadgetgeeky.co.uk/index.php/componen...show/253-selfstirmug ) I've added a mock up of what I'd like the price area to look like. I'd like to add the word "quantity" before the field, then add a line break after the +- and add a much more stylish add to cart button. Could someone help me ? Which file do I need to modify? Any help will be much appreciated Many thanks")* You can't use a br tag for that. The button is added into a table so you need to change the way it's added to add it outside the table in the function displayButton of that file. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI1MDUxLWNoYW5naW5nLXRoZS1wcm9kdWN0LWxheW91dD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[luizarios](/forum/user/3405-luizarios "View luizarios's Profile")** - [![luizarios's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3405-luizarios "View luizarios's Profile") Topic Author - [ Offline](/forum/user/3405-luizarios) Less More - Posts: 66 - Thank you received: 0 - - 15 years 1 month ago [\#25111](#25111) by [luizarios](/forum/user/3405-luizarios "View luizarios's Profile") Replied by *[luizarios](/forum/user/3405-luizarios "View luizarios's Profile")* on topic *[Re: changing the product layout](/forum/4-how-to/25051-changing-the-product-layout#25111 "Hi, I'd like to change the layout of my product view, this page, for example, has a field with the prodcut quantity, then + - then add to cart, ( www.gadgetgeeky.co.uk/index.php/componen...show/253-selfstirmug ) I've added a mock up of what I'd like the price area to look like. I'd like to add the word "quantity" before the field, then add a line break after the +- and add a much more stylish add to cart button. Could someone help me ? Which file do I need to modify? Any help will be much appreciated Many thanks")* thanks Nicola, now you pointed the function I found it and added <tr> rather than <br /> ![:)](/media/kunena/emoticons/8.png ":)") the documentation you sent me says "You need to create the file templates/YOUR_TEMPLATE/html/hikashop_button.php", I am not sure why, if I modify the cart.php does it cause any problem? I did and so far everything seems to work OK... Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI1MDUxLWNoYW5naW5nLXRoZS1wcm9kdWN0LWxheW91dD90bXBsPW1hcmtkb3du) 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: 86316 - Thank you received: 14276 - - 15 years 1 month ago [\#25113](#25113) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: changing the product layout](/forum/4-how-to/25051-changing-the-product-layout#25113 "Hi, I'd like to change the layout of my product view, this page, for example, has a field with the prodcut quantity, then + - then add to cart, ( www.gadgetgeeky.co.uk/index.php/componen...show/253-selfstirmug ) I've added a mock up of what I'd like the price area to look like. I'd like to add the word "quantity" before the field, then add a line break after the +- and add a much more stylish add to cart button. Could someone help me ? Which file do I need to modify? Any help will be much appreciated Many thanks")* If you do the modification directly, when you update HikaShop, you will loose the modification. However, if you do it with a template override, you will be able to update and won't have your modifications reverted. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI1MDUxLWNoYW5naW5nLXRoZS1wcm9kdWN0LWxheW91dD90bXBsPW1hcmtkb3du) 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.156 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)