[Skip to main content](#vessel-content) # Custom product page ## - **[Oneplanet](/forum/user/32496-oneplanet "View Oneplanet's Profile")** - [![Oneplanet's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/32496-oneplanet "View Oneplanet's Profile") Topic Author - [ Offline](/forum/user/32496-oneplanet) Less More - Posts: 26 - Thank you received: 0 - - 11 years 4 months ago [\#203625](#203625) by [Oneplanet](/forum/user/32496-oneplanet "View Oneplanet's Profile") *[Custom product page](/forum/25-install-update/877312-custom-product-page#203625 "-- HikaShop version -- : 2.4.0 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.39-0+deb7u2 -- Browser(s) name and version -- : Chrome 43.0.2357.81 m Hi there I would like to change the appearance of the product page to something similar as the image attached. Is this possible? Thanks")* was created by *[Oneplanet](/forum/user/32496-oneplanet "View Oneplanet's Profile")* -- HikaShop version -- : 2.4.0 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.39-0+deb7u2 -- Browser(s) name and version -- : Chrome 43.0.2357.81 m Hi there I would like to change the appearance of the product page to something similar as the image attached. Is this possible? Thanks - [ ![image008.png](/forum/attachment/24750) ](/forum/attachment/24750 "image008.png") [ ](/forum/attachment/24750?download=1 "image008.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3NzMxMi1jdXN0b20tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 11 years 4 months ago [\#203636](#203636) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Custom product page](/forum/25-install-update/877312-custom-product-page#203636 "-- HikaShop version -- : 2.4.0 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.39-0+deb7u2 -- Browser(s) name and version -- : Chrome 43.0.2357.81 m Hi there I would like to change the appearance of the product page to something similar as the image attached. Is this possible? Thanks")* Hello, I didn't understood each section of your product page structure, but the solution to do it will probably be to : - Directly edit the "Show_default" file of the "Product" view of your front-end template via "Hikashop->Display->Views" : [ www.hikashop.com/support/documentation/1...-display.html#layout](http://www.hikashop.com/support/documentation/153-customize-the-display.html#layout) - Use some CSS code : [ www.hikashop.com/support/documentation/1...the-display.html#css](http://www.hikashop.com/support/documentation/153-customize-the-display.html#css) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3NzMxMi1jdXN0b20tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Oneplanet](/forum/user/32496-oneplanet "View Oneplanet's Profile")** - [![Oneplanet's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/32496-oneplanet "View Oneplanet's Profile") Topic Author - [ Offline](/forum/user/32496-oneplanet) Less More - Posts: 26 - Thank you received: 0 - - 11 years 4 months ago [\#204085](#204085) by [Oneplanet](/forum/user/32496-oneplanet "View Oneplanet's Profile") Replied by *[Oneplanet](/forum/user/32496-oneplanet "View Oneplanet's Profile")* on topic *[Custom product page](/forum/25-install-update/877312-custom-product-page#204085 "-- HikaShop version -- : 2.4.0 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.39-0+deb7u2 -- Browser(s) name and version -- : Chrome 43.0.2357.81 m Hi there I would like to change the appearance of the product page to something similar as the image attached. Is this possible? Thanks")* Hi Mohamed What basically needs to happen is 1. add what is currently in the Specifications tab at the bottom of the page to be positioned just below the product image. 2. Add a horizontal related product slider below the product information. [ Link to development site](http://testerpage.co.za/bom-int/index.php/bits/disciplines/dressage/product/9606-eggbutt-bridoon-lock-up) My php is not the best but i do know my way around css. Hope this helps. Thanks Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3NzMxMi1jdXN0b20tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) 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) - 11 years 4 months ago [\#204172](#204172) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Custom product page](/forum/25-install-update/877312-custom-product-page#204172 "-- HikaShop version -- : 2.4.0 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.39-0+deb7u2 -- Browser(s) name and version -- : Chrome 43.0.2357.81 m Hi there I would like to change the appearance of the product page to something similar as the image attached. Is this possible? Thanks")* Hi, The documentation page that Mohamed gave you explain how a product page is composed. Our support is mostly there to help user with the HikaShop use and configuration but not to help with such kind of customization. To move the specifications, you will need to move some PHP code which display the view "show_block_custom_main" somewhere else in the page. Code: if(!empty($this->fields)){ //LAYOUT show_block_custom_main $this->setLayout('show_block_custom_main'); echo $this->loadTemplate(); } To display an horizontal related product slider ; the best will be to create a product listing module (in "related" mode for setting "content on product page") and display it under the product page using the setting "modules under the product page" in your HikaShop configuration. [ www.hikashop.com/support/support/documen...html#products\_module](http://www.hikashop.com/support/support/documentation/67-hikashop-content-display-front-end.html#products_module) Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3NzMxMi1jdXN0b20tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Oneplanet](/forum/user/32496-oneplanet "View Oneplanet's Profile")** - [![Oneplanet's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/32496-oneplanet "View Oneplanet's Profile") Topic Author - [ Offline](/forum/user/32496-oneplanet) Less More - Posts: 26 - Thank you received: 0 - - 11 years 4 months ago [\#204196](#204196) by [Oneplanet](/forum/user/32496-oneplanet "View Oneplanet's Profile") Replied by *[Oneplanet](/forum/user/32496-oneplanet "View Oneplanet's Profile")* on topic *[Custom product page](/forum/25-install-update/877312-custom-product-page#204196 "-- HikaShop version -- : 2.4.0 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.39-0+deb7u2 -- Browser(s) name and version -- : Chrome 43.0.2357.81 m Hi there I would like to change the appearance of the product page to something similar as the image attached. Is this possible? Thanks")* Just needed to pointed in the right direction. Thanks Jerome much appreciated. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3NzMxMi1jdXN0b20tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) 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.477 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)