[Skip to main content](#vessel-content) # Change product layout ## - **[thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile")** - [![thomas.boepple's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile") Topic Author - [ Offline](/forum/user/6332-thomas-boepple) Less More - Posts: 72 - Thank you received: 2 - - 13 years 10 months ago [\#82334](#82334) by [thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile") *[Change product layout](/forum/2-general-talk-about-hikashop/76818-change-product-layout#82334 "I would like to change the layout of the product page. Picture to the left, description to the right, price and add to cart underneath these 2. This is the URL www.negaricoffee.com/index.php/products/...m-roasted-beans-50gr How do I do that? Thanks again for your help. Thomas")* was created by *[thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile")* I would like to change the layout of the product page. Picture to the left, description to the right, price and add to cart underneath these 2. This is the URL [ www.negaricoffee.com/index.php/products/...m-roasted-beans-50gr](http://www.negaricoffee.com/index.php/products/product/7-kopi-luwak-premium-roasted-beans-50gr) How do I do that? Thanks again for your help. Thomas Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2ODE4LWNoYW5nZS1wcm9kdWN0LWxheW91dD90bXBsPW1hcmtkb3du) 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 10 months ago [\#82408](#82408) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Change product layout](/forum/2-general-talk-about-hikashop/76818-change-product-layout#82408 "I would like to change the layout of the product page. Picture to the left, description to the right, price and add to cart underneath these 2. This is the URL www.negaricoffee.com/index.php/products/...m-roasted-beans-50gr How do I do that? Thanks again for your help. Thomas")* Hi, You can do that by editing the view "product / show_default" in HikaShop > Display > Views. Then manage the elements to move them where you want. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2ODE4LWNoYW5nZS1wcm9kdWN0LWxheW91dD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile")** - [![thomas.boepple's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile") Topic Author - [ Offline](/forum/user/6332-thomas-boepple) Less More - Posts: 72 - Thank you received: 2 - - 13 years 10 months ago [\#82482](#82482) by [thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile") Replied by *[thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile")* on topic *[Change product layout](/forum/2-general-talk-about-hikashop/76818-change-product-layout#82482 "I would like to change the layout of the product page. Picture to the left, description to the right, price and add to cart underneath these 2. This is the URL www.negaricoffee.com/index.php/products/...m-roasted-beans-50gr How do I do that? Thanks again for your help. Thomas")* Thank you Xavier. I moved the 'add to cart' and 'price' to the bottom of the page without problem. I moved the div with the product description to the right, but it shows up underneath the picture. How do I get picture and description beside each other? Thanks, Thomas URL [ www.negaricoffee.com/index.php/products/...m-roasted-beans-50gr](http://www.negaricoffee.com/index.php/products/product/7-kopi-luwak-premium-roasted-beans-50gr) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2ODE4LWNoYW5nZS1wcm9kdWN0LWxheW91dD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile")** - [![thomas.boepple's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile") Topic Author - [ Offline](/forum/user/6332-thomas-boepple) Less More - Posts: 72 - Thank you received: 2 - - 13 years 10 months ago [\#82485](#82485) by [thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile") Replied by *[thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile")* on topic *[Change product layout](/forum/2-general-talk-about-hikashop/76818-change-product-layout#82485 "I would like to change the layout of the product page. Picture to the left, description to the right, price and add to cart underneath these 2. This is the URL www.negaricoffee.com/index.php/products/...m-roasted-beans-50gr How do I do that? Thanks again for your help. Thomas")* and doubled up the description in the product_left_part, but the image overlaps the text now. I am a bit clue less how to do it. Edit the css perhaps - align the pic left or so? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2ODE4LWNoYW5nZS1wcm9kdWN0LWxheW91dD90bXBsPW1hcmtkb3du) 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 10 months ago [\#82532](#82532) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Change product layout](/forum/2-general-talk-about-hikashop/76818-change-product-layout#82532 "I would like to change the layout of the product page. Picture to the left, description to the right, price and add to cart underneath these 2. This is the URL www.negaricoffee.com/index.php/products/...m-roasted-beans-50gr How do I do that? Thanks again for your help. Thomas")* The problem come certainly from the width of your right part, try to restrict it. For the doubled description, don't you have copy/paste this part instead of move it ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2ODE4LWNoYW5nZS1wcm9kdWN0LWxheW91dD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile")** - [![thomas.boepple's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile") Topic Author - [ Offline](/forum/user/6332-thomas-boepple) Less More - Posts: 72 - Thank you received: 2 - - 13 years 10 months ago [\#82536](#82536) by [thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile") Replied by *[thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile")* on topic *[Change product layout](/forum/2-general-talk-about-hikashop/76818-change-product-layout#82536 "I would like to change the layout of the product page. Picture to the left, description to the right, price and add to cart underneath these 2. This is the URL www.negaricoffee.com/index.php/products/...m-roasted-beans-50gr How do I do that? Thanks again for your help. Thomas")* the doubling up was done on purpose - by copy/paste. I wanted to see what div goes where exactly. I fixed the layout by restricting the size of the left part, the picture. How would I go about restricting the right part? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2ODE4LWNoYW5nZS1wcm9kdWN0LWxheW91dD90bXBsPW1hcmtkb3du) 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 10 months ago [\#82574](#82574) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Change product layout](/forum/2-general-talk-about-hikashop/76818-change-product-layout#82574 "I would like to change the layout of the product page. Picture to the left, description to the right, price and add to cart underneath these 2. This is the URL www.negaricoffee.com/index.php/products/...m-roasted-beans-50gr How do I do that? Thanks again for your help. Thomas")* It's ok if you have restricted the left part. For the right part you can apply a css property on the class ".hikashop_product_right_part{}" Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2ODE4LWNoYW5nZS1wcm9kdWN0LWxheW91dD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Winterthorn](/forum/user/8233-winterthorn "View Winterthorn's Profile")** - [![Winterthorn's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8233-winterthorn "View Winterthorn's Profile") - [ Offline](/forum/user/8233-winterthorn) Less More - Posts: 20 - Thank you received: 0 - - 13 years 7 months ago - 13 years 7 months ago [\#98078](#98078) by [Winterthorn](/forum/user/8233-winterthorn "View Winterthorn's Profile") Replied by *[Winterthorn](/forum/user/8233-winterthorn "View Winterthorn's Profile")* on topic *[Change product layout](/forum/2-general-talk-about-hikashop/76818-change-product-layout#98078 "I would like to change the layout of the product page. Picture to the left, description to the right, price and add to cart underneath these 2. This is the URL www.negaricoffee.com/index.php/products/...m-roasted-beans-50gr How do I do that? Thanks again for your help. Thomas")* i am not sure what you did here but I am interested in getting an answer to this problem as well can you please tell me in great detail what you did to get this to work as i am a bit confused i feel like is stepped in to the middle of a conversation. Any help you can offer will be greatly appreciated thank you very much. also i have the latest version of the product and a lot of the menus were moved around and frankly i am lost as a child in the woods... most of the support forum stuff no longer applies to this version why did you guys do that... it really makes it a lot harder to use your products if you are just going to toss out years of forums and historical documents... Last edit: 13 years 7 months ago by [Winterthorn](/forum/user/8233-winterthorn "View Winterthorn's Profile"). Reason: forgot to include version information. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2ODE4LWNoYW5nZS1wcm9kdWN0LWxheW91dD90bXBsPW1hcmtkb3du) 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 7 months ago [\#98168](#98168) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Change product layout](/forum/2-general-talk-about-hikashop/76818-change-product-layout#98168 "I would like to change the layout of the product page. Picture to the left, description to the right, price and add to cart underneath these 2. This is the URL www.negaricoffee.com/index.php/products/...m-roasted-beans-50gr How do I do that? Thanks again for your help. Thomas")* As I can see, you moved the description part out of the right part, so to restrict the size, or anything else on the description part, you can apply css properties on ".hikashop_product_description_main" in the "frontend defauls css" file in Config > Display > CSS. [ www.hikashop.com/fr/support/documentatio...ize-the-display.html](http://www.hikashop.com/fr/support/documentation/153-customize-the-display.html) The config has changed, because so many options were displayed and it was not well organized. Now all the options are by category, it's easiest to find the desired option. It's more user friendly. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2ODE4LWNoYW5nZS1wcm9kdWN0LWxheW91dD90bXBsPW1hcmtkb3du) 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.077 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)