[Skip to main content](#vessel-content) # How do I style the product detail page ## - **[webfoundry](/forum/user/6535-webfoundry "View webfoundry's Profile")** - [![webfoundry's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6535-webfoundry "View webfoundry's Profile") Topic Author - [ Offline](/forum/user/6535-webfoundry) Less More - Posts: 2 - Thank you received: 0 - - 14 years 8 months ago [\#42154](#42154) by [webfoundry](/forum/user/6535-webfoundry "View webfoundry's Profile") *[How do I style the product detail page](/forum/2-general-talk-about-hikashop/42154-how-do-i-style-the-product-detail-page#42154 "Hi, Enjoying using Hikashop - what a breath of fresh air after Virtumart!! Anyhow, my progress has halted... I'm stuck on trying to change the display of the product detail page. I've been through all the config options but cannot see anyway to get the elements of the page (image, description, price, add to cart button) to position close to what I require. I am hoping to have the product image on the left, then the product name, price, description and add to cart button to the right of the image (effectively a two column layout). I only have HTML/CSS skills so trying to do this without risking breaking any of the php views. Is this possible without hacking the PHP? Thanks, Phil")* was created by *[webfoundry](/forum/user/6535-webfoundry "View webfoundry's Profile")* Hi, Enjoying using Hikashop - what a breath of fresh air after Virtumart!! Anyhow, my progress has halted... I'm stuck on trying to change the display of the product detail page. I've been through all the config options but cannot see anyway to get the elements of the page (image, description, price, add to cart button) to position close to what I require. I am hoping to have the product image on the left, then the product name, price, description and add to cart button to the right of the image (effectively a two column layout). I only have HTML/CSS skills so trying to do this without risking breaking any of the php views. Is this possible without hacking the PHP? Thanks, Phil Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQyMTU0LWhvdy1kby1pLXN0eWxlLXRoZS1wcm9kdWN0LWRldGFpbC1wYWdlP3RtcGw9bWFya2Rvd24=) 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: 86555 - Thank you received: 14304 - - 14 years 8 months ago [\#42346](#42346) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: How do I style the product detail page](/forum/2-general-talk-about-hikashop/42154-how-do-i-style-the-product-detail-page#42346 "Hi, Enjoying using Hikashop - what a breath of fresh air after Virtumart!! Anyhow, my progress has halted... I'm stuck on trying to change the display of the product detail page. I've been through all the config options but cannot see anyway to get the elements of the page (image, description, price, add to cart button) to position close to what I require. I am hoping to have the product image on the left, then the product name, price, description and add to cart button to the right of the image (effectively a two column layout). I only have HTML/CSS skills so trying to do this without risking breaking any of the php views. Is this possible without hacking the PHP? Thanks, Phil")* Hi, You will have to edit the file "show_default" via the Display->Views menu. From what I understand, all you need is to move the bottom and top part code inside the right part area and that will display like your want. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQyMTU0LWhvdy1kby1pLXN0eWxlLXRoZS1wcm9kdWN0LWRldGFpbC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[webfoundry](/forum/user/6535-webfoundry "View webfoundry's Profile")** - [![webfoundry's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6535-webfoundry "View webfoundry's Profile") Topic Author - [ Offline](/forum/user/6535-webfoundry) Less More - Posts: 2 - Thank you received: 0 - - 14 years 8 months ago [\#42502](#42502) by [webfoundry](/forum/user/6535-webfoundry "View webfoundry's Profile") Replied by *[webfoundry](/forum/user/6535-webfoundry "View webfoundry's Profile")* on topic *[Re: How do I style the product detail page](/forum/2-general-talk-about-hikashop/42154-how-do-i-style-the-product-detail-page#42502 "Hi, Enjoying using Hikashop - what a breath of fresh air after Virtumart!! Anyhow, my progress has halted... I'm stuck on trying to change the display of the product detail page. I've been through all the config options but cannot see anyway to get the elements of the page (image, description, price, add to cart button) to position close to what I require. I am hoping to have the product image on the left, then the product name, price, description and add to cart button to the right of the image (effectively a two column layout). I only have HTML/CSS skills so trying to do this without risking breaking any of the php views. Is this possible without hacking the PHP? Thanks, Phil")* Many thanks Nicolas, that was really helpful. One further step forward now. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQyMTU0LWhvdy1kby1pLXN0eWxlLXRoZS1wcm9kdWN0LWRldGFpbC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[LemonChip](/forum/user/6683-lemonchip "View LemonChip's Profile")** - [![LemonChip's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6683-lemonchip "View LemonChip's Profile") - [ Offline](/forum/user/6683-lemonchip) Less More - Posts: 40 - Thank you received: 0 - - 14 years 7 months ago [\#44462](#44462) by [LemonChip](/forum/user/6683-lemonchip "View LemonChip's Profile") Replied by *[LemonChip](/forum/user/6683-lemonchip "View LemonChip's Profile")* on topic *[Re: How do I style the product detail page](/forum/2-general-talk-about-hikashop/42154-how-do-i-style-the-product-detail-page#44462 "Hi, Enjoying using Hikashop - what a breath of fresh air after Virtumart!! Anyhow, my progress has halted... I'm stuck on trying to change the display of the product detail page. I've been through all the config options but cannot see anyway to get the elements of the page (image, description, price, add to cart button) to position close to what I require. I am hoping to have the product image on the left, then the product name, price, description and add to cart button to the right of the image (effectively a two column layout). I only have HTML/CSS skills so trying to do this without risking breaking any of the php views. Is this possible without hacking the PHP? Thanks, Phil")* Hey I'm also trying to achieve this exact same layout... I've found the area I need to edit, and I think I can see the parts of code I need to shift but the result is never correct. Would you possibly be able to show exactly the code modifications to make? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQyMTU0LWhvdy1kby1pLXN0eWxlLXRoZS1wcm9kdWN0LWRldGFpbC1wYWdlP3RtcGw9bWFya2Rvd24=) 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: 86555 - Thank you received: 14304 - - 14 years 7 months ago [\#44580](#44580) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: How do I style the product detail page](/forum/2-general-talk-about-hikashop/42154-how-do-i-style-the-product-detail-page#44580 "Hi, Enjoying using Hikashop - what a breath of fresh air after Virtumart!! Anyhow, my progress has halted... I'm stuck on trying to change the display of the product detail page. I've been through all the config options but cannot see anyway to get the elements of the page (image, description, price, add to cart button) to position close to what I require. I am hoping to have the product image on the left, then the product name, price, description and add to cart button to the right of the image (effectively a two column layout). I only have HTML/CSS skills so trying to do this without risking breaking any of the php views. Is this possible without hacking the PHP? Thanks, Phil")* You can just look at the name of the divs and move them accordingly. For example, for the top, you can cut the code: Code: <div id="hikashop_product_left_part" class="hikashop_product_left_part"> <?php $this->row = & $this->element; $this->setLayout('show_block_img'); echo $this->loadTemplate(); ?> </div> and paste it just after: Code: <div id="hikashop_product_right_part" class="hikashop_product_right_part"> Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQyMTU0LWhvdy1kby1pLXN0eWxlLXRoZS1wcm9kdWN0LWRldGFpbC1wYWdlP3RtcGw9bWFya2Rvd24=) 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.067 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)