[Skip to main content](#vessel-content) # Help with Product page layouts ## - **[Huski](/forum/user/3364-huski "View Huski's Profile")** - [![Huski's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3364-huski "View Huski's Profile") Topic Author - [ Offline](/forum/user/3364-huski) Less More - Posts: 301 - Thank you received: 1 - - 14 years 4 months ago [\#51988](#51988) by [Huski](/forum/user/3364-huski "View Huski's Profile") *[Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#51988 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* was created by *[Huski](/forum/user/3364-huski "View Huski's Profile")* Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks - [ ![Mockup.jpg](/forum/attachment/4043) ](/forum/attachment/4043 "Mockup.jpg") [ ](/forum/attachment/4043?download=1 "Mockup.jpg") - [ ![Mockup2.jpg](/forum/attachment/4044) ](/forum/attachment/4044 "Mockup2.jpg") [ ](/forum/attachment/4044?download=1 "Mockup2.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[rikatos](/forum/user/1634-rikatos "View rikatos's Profile")** - [![rikatos's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1634-rikatos "View rikatos's Profile") - [ Offline](/forum/user/1634-rikatos) Less More - Posts: 179 - Thank you received: 17 - - - [](http://oceansafety.com) - 14 years 4 months ago - 14 years 4 months ago [\#52018](#52018) by [rikatos](/forum/user/1634-rikatos "View rikatos's Profile") Replied by *[rikatos](/forum/user/1634-rikatos "View rikatos's Profile")* on topic *[Re: Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#52018 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* you seem to have a LOT more description (intro text) in your product in mockup than mockup2 ? are you going to have less inf on you site, its nice having it below so you can show as much information as possible. If you do want it on the right hand side its just a matter of moving this information in the Display -> Views -> file if your using commercial edition of Hikashop. The bit below : <div id="hikashop_product_description_main" class="hikashop_product_description_main"> <?php echo JHTML::_('content.prepare',preg_replace('#<hr *id="system-readmore" */>#i','',$this->element->product_description)); ?> </div> Is currently located in <div id="hikashop_product_bottom_part" class="hikashop_product_bottom_part"> move it to just under <div id="hikashop_product_right_part" class="hikashop_product_right_part">. Last edit: 14 years 4 months ago by [rikatos](/forum/user/1634-rikatos "View rikatos's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Huski](/forum/user/3364-huski "View Huski's Profile")** - [![Huski's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3364-huski "View Huski's Profile") Topic Author - [ Offline](/forum/user/3364-huski) Less More - Posts: 301 - Thank you received: 1 - - 14 years 4 months ago [\#52036](#52036) by [Huski](/forum/user/3364-huski "View Huski's Profile") Replied by *[Huski](/forum/user/3364-huski "View Huski's Profile")* on topic *[Re: Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#52036 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* That isn't working - it puts ALL the product description in - I only want the section above the readmore which is the intro text. I might be doing something wrong though Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[rikatos](/forum/user/1634-rikatos "View rikatos's Profile")** - [![rikatos's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1634-rikatos "View rikatos's Profile") - [ Offline](/forum/user/1634-rikatos) Less More - Posts: 179 - Thank you received: 17 - - - [](http://oceansafety.com) - 14 years 4 months ago [\#52079](#52079) by [rikatos](/forum/user/1634-rikatos "View rikatos's Profile") Replied by *[rikatos](/forum/user/1634-rikatos "View rikatos's Profile")* on topic *[Re: Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#52079 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* ok this will do the job then : <?php echo preg_replace('#<hr *id="system-readmore" */>.*#is','',$this->row->product_description); ?> stripped from the listing products, please be aware if you have any code such as tabs etc above the intro text that comes across as well, so you have to format it right ![:)](/media/kunena/emoticons/8.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Huski](/forum/user/3364-huski "View Huski's Profile")** - [![Huski's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3364-huski "View Huski's Profile") Topic Author - [ Offline](/forum/user/3364-huski) Less More - Posts: 301 - Thank you received: 1 - - 14 years 4 months ago [\#52146](#52146) by [Huski](/forum/user/3364-huski "View Huski's Profile") Replied by *[Huski](/forum/user/3364-huski "View Huski's Profile")* on topic *[Re: Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#52146 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* Thanks - that worked. The only problem was it doesn't sit to the right of the images now - it drops everything below the product images. Tried a lot of things to get it to sit on the right but to no avail. Will need to look at that on a rainy day when I get time. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[rikatos](/forum/user/1634-rikatos "View rikatos's Profile")** - [![rikatos's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1634-rikatos "View rikatos's Profile") - [ Offline](/forum/user/1634-rikatos) Less More - Posts: 179 - Thank you received: 17 - - - [](http://oceansafety.com) - 14 years 4 months ago [\#52161](#52161) by [rikatos](/forum/user/1634-rikatos "View rikatos's Profile") Replied by *[rikatos](/forum/user/1634-rikatos "View rikatos's Profile")* on topic *[Re: Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#52161 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* You have definitions for left_part, right_part and lastly bottom_part in the CSS (Hikashop->system->configuration->Display CSS box, custom CSS), make sure they are set to defined widths (in my case 40% for left, 60% for right and 100% for bottom. I must admit on my sandbox site it all sits nicely, but that could be a mod I did at one point ! If you have a link can poke it to check ![:)](/media/kunena/emoticons/8.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Huski](/forum/user/3364-huski "View Huski's Profile")** - [![Huski's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3364-huski "View Huski's Profile") Topic Author - [ Offline](/forum/user/3364-huski) Less More - Posts: 301 - Thank you received: 1 - - 14 years 4 months ago [\#52212](#52212) by [Huski](/forum/user/3364-huski "View Huski's Profile") Replied by *[Huski](/forum/user/3364-huski "View Huski's Profile")* on topic *[Re: Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#52212 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* That was it - doh. Thanks. Works fine now - still a bit more tinkering to do with other things there. There is another problem - somewhere along the line all the categories showing in a module, related items, featured items, have all of a sudden gone vertical - cannot for the life of me think why. Haven't made any changes in the modules. Might have done something in the CSS though - accidently deleted something. Boxes are showing around them which is fine, but the rounded corners have disappeared. [ www.ecomad.com.au/ecomadBamboo/eco-shop.html](http://www.ecomad.com.au/ecomadBamboo/eco-shop.html) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[rikatos](/forum/user/1634-rikatos "View rikatos's Profile")** - [![rikatos's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1634-rikatos "View rikatos's Profile") - [ Offline](/forum/user/1634-rikatos) Less More - Posts: 179 - Thank you received: 17 - - - [](http://oceansafety.com) - 14 years 4 months ago - 14 years 4 months ago [\#52213](#52213) by [rikatos](/forum/user/1634-rikatos "View rikatos's Profile") Replied by *[rikatos](/forum/user/1634-rikatos "View rikatos's Profile")* on topic *[Re: Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#52213 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* in the css you have put a' clear:both ' in the definition : <div class="hikashop_category_image" style="height: 80px; text-align: center; clear: both;"> that will make it do that. go into config->display->Css-> front end css maybe you were thinking of a float: left; instead ? Last edit: 14 years 4 months ago by [rikatos](/forum/user/1634-rikatos "View rikatos's Profile"). The following user(s) said Thank You: [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Huski](/forum/user/3364-huski "View Huski's Profile")** - [![Huski's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3364-huski "View Huski's Profile") Topic Author - [ Offline](/forum/user/3364-huski) Less More - Posts: 301 - Thank you received: 1 - - 14 years 4 months ago [\#52381](#52381) by [Huski](/forum/user/3364-huski "View Huski's Profile") Replied by *[Huski](/forum/user/3364-huski "View Huski's Profile")* on topic *[Re: Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#52381 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* Thanks - didn't work though. I haven't added any clear: both anywhere - they are all part of the CSS when you get hikashop. Even restoring the CSS to original doens't help. Totally lost now as to what is causing it to all go vertical Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[rikatos](/forum/user/1634-rikatos "View rikatos's Profile")** - [![rikatos's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1634-rikatos "View rikatos's Profile") - [ Offline](/forum/user/1634-rikatos) Less More - Posts: 179 - Thank you received: 17 - - - [](http://oceansafety.com) - 14 years 4 months ago - 14 years 4 months ago [\#52391](#52391) by [rikatos](/forum/user/1634-rikatos "View rikatos's Profile") Replied by *[rikatos](/forum/user/1634-rikatos "View rikatos's Profile")* on topic *[Re: Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#52391 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* Its not as simple as your category grid being defined as a table?, or you setting the divs in the cateogry listing to 1 column ? You could either pop across on private message some login details or use akeeba backup to save the enitre site and I could restore a local backup of it here to have a look, but hopefully those two should give you some guidance. As sefs are on cant quite see whats happening with links, but more than likely its one of the above, but here if need help. Last edit: 14 years 4 months ago by [rikatos](/forum/user/1634-rikatos "View rikatos's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Huski](/forum/user/3364-huski "View Huski's Profile")** - [![Huski's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3364-huski "View Huski's Profile") Topic Author - [ Offline](/forum/user/3364-huski) Less More - Posts: 301 - Thank you received: 1 - - 14 years 4 months ago [\#52480](#52480) by [Huski](/forum/user/3364-huski "View Huski's Profile") Replied by *[Huski](/forum/user/3364-huski "View Huski's Profile")* on topic *[Re: Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#52480 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* Its sorted - I had some CSS over rides for the main template and when I deleted them all, hikashop went back to normal again showing things as they should. I narrowed it down to some css that had nothing to do with Hikashop but must have clashed somehow. Thanks for your help. Would you know where the code is located that holds the table with the quantity and the plus and minus signs to increase/decrease product stock, and the Add to cart buttong on the product page? Can't find it in the views anywhere - thought it might be the view product quantity but can't see it in there. I need to style this particular table only. You can see here under the price [ www.ecomad.com.au/ecomadBamboo/shop-cate.../product/cid-32.html](http://www.ecomad.com.au/ecomadBamboo/shop-categories/product/cid-32.html) Cheers Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14268 - - 14 years 4 months ago [\#52544](#52544) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#52544 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* It's in the file administrator/components/com_hikashop/helper/cart.php Note that we recommend that you use a template override to change that instead of modifying that file directly: [ www.hikashop.com/en/support/documentatio...tation.html#override](http://www.hikashop.com/en/support/documentation/62-hikashop-developer-documentation.html#override) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Huski](/forum/user/3364-huski "View Huski's Profile")** - [![Huski's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3364-huski "View Huski's Profile") Topic Author - [ Offline](/forum/user/3364-huski) Less More - Posts: 301 - Thank you received: 1 - - 14 years 4 months ago [\#52570](#52570) by [Huski](/forum/user/3364-huski "View Huski's Profile") Replied by *[Huski](/forum/user/3364-huski "View Huski's Profile")* on topic *[Re: Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#52570 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* That looks a little out of my league. All I want to do is amend styling. It would be good if each of the separate sections like the product page price and the module cart price for instance have their own CSS ID - as I have found it hard to change one thing without it changing another using CSS. The table in the product page which I want to change doesn't have a CSS ID or CLASS assigned and any changes I make to a table affect tables everywhere. This would make it simple to change styling of elements. But I might be missing something ![:)](/media/kunena/emoticons/8.png ":)") The only other thing I wanted to do with this section is add the word Quantity in front of the Quantity text box. And it would be nice if it had similar look to the checkout where you get the refresh graphic. Will keep tinkering to see if I can do it Thanks Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14268 - - 14 years 4 months ago [\#52572](#52572) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#52572 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* Each section HAS classes and ids in order to do any CSS you need. Please explain what "table" you want to change, a link to the page on your website and I'll tell you the CSS you can use. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Huski](/forum/user/3364-huski "View Huski's Profile")** - [![Huski's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3364-huski "View Huski's Profile") Topic Author - [ Offline](/forum/user/3364-huski) Less More - Posts: 301 - Thank you received: 1 - - 14 years 4 months ago - 14 years 4 months ago [\#52574](#52574) by [Huski](/forum/user/3364-huski "View Huski's Profile") Replied by *[Huski](/forum/user/3364-huski "View Huski's Profile")* on topic *[Re: Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#52574 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* Hi The page is here: [ www.ecomad.com.au/ecomadBamboo/shop-cate.../product/cid-32.html](http://www.ecomad.com.au/ecomadBamboo/shop-cate.../product/cid-32.html) I am trying to move the section where it has quantity, the plus and minus, and Add to Cart to the right. Also there is too much space between the + and - signs. And I want to add the word quantity in front of the text box. When I look at the source code of my page the table itself has no id or class. <span class="hikashop_product_stock_count"></span> <table> <tr> <td rowspan="2"> So I am not sure how to do this. Thanks for your help. EDIT: Have managed to right align that table but I can't seem to make the table padding smaller. Still having trouble with a few other styles like setting a height for the table and manipulating the padding / margins for the table. Last edit: 14 years 4 months ago by [Huski](/forum/user/3364-huski "View Huski's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14268 - - 14 years 4 months ago [\#52638](#52638) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#52638 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* You can do like that: .hikashop_product_stock_count table{ //your css } and that will apply CSS to that table. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[max.mandias](/forum/user/14291-max-mandias "View max.mandias's Profile")** - [![max.mandias's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/14291-max-mandias "View max.mandias's Profile") - [ Offline](/forum/user/14291-max-mandias) Less More - Posts: 12 - Thank you received: 0 - - 13 years 7 months ago - 13 years 7 months ago [\#95771](#95771) by [max.mandias](/forum/user/14291-max-mandias "View max.mandias's Profile") Replied by *[max.mandias](/forum/user/14291-max-mandias "View max.mandias's Profile")* on topic *[Re: Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#95771 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* > ok this will do the job then : > > <?php > echo preg\_replace('#<hr \*id="system-readmore" \*/>.\*#is','',$this->row->product\_description); > ?> > > stripped from the listing products, please be aware if you have any code such as tabs etc above the intro text that comes across as well, so you have to format it right Hi first of all, thanks for this thread Huski and rikatos. I have followed the steps and I manage to make the product description to appear on the right part. However, it puts everything in there including tabs where I actually want only the description before the tab. I have tried to fix it for some time but to no avail. Huski, you managed to fix it, what exactly did you do? Please see the screenshots attached. Mockup is as-is and Mockup2 is to-be. Many thanks in advance guys. - [ ![Mockup.JPG](/forum/attachment/9279) ](/forum/attachment/9279 "Mockup.JPG") [ ](/forum/attachment/9279?download=1 "Mockup.JPG") - [ ![Mockup2.JPG](/forum/attachment/9280) ](/forum/attachment/9280 "Mockup2.JPG") [ ](/forum/attachment/9280?download=1 "Mockup2.JPG") Last edit: 13 years 7 months ago by [max.mandias](/forum/user/14291-max-mandias "View max.mandias's Profile"). Reason: more clarity Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[rikatos](/forum/user/1634-rikatos "View rikatos's Profile")** - [![rikatos's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1634-rikatos "View rikatos's Profile") - [ Offline](/forum/user/1634-rikatos) Less More - Posts: 179 - Thank you received: 17 - - - [](http://oceansafety.com) - 13 years 7 months ago [\#95774](#95774) by [rikatos](/forum/user/1634-rikatos "View rikatos's Profile") Replied by *[rikatos](/forum/user/1634-rikatos "View rikatos's Profile")* on topic *[Re: Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#95774 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* Basically you are talking like my quote site ? [ www.glcportal.co.uk/leisure/product/560-kru-xs-iso.html](http://www.glcportal.co.uk/leisure/product/560-kru-xs-iso.html) Just that I have removed pricing:) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[max.mandias](/forum/user/14291-max-mandias "View max.mandias's Profile")** - [![max.mandias's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/14291-max-mandias "View max.mandias's Profile") - [ Offline](/forum/user/14291-max-mandias) Less More - Posts: 12 - Thank you received: 0 - - 13 years 7 months ago [\#95775](#95775) by [max.mandias](/forum/user/14291-max-mandias "View max.mandias's Profile") Replied by *[max.mandias](/forum/user/14291-max-mandias "View max.mandias's Profile")* on topic *[Re: Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#95775 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* Yes! I want it exactly like that. What should I do now? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[rikatos](/forum/user/1634-rikatos "View rikatos's Profile")** - [![rikatos's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1634-rikatos "View rikatos's Profile") - [ Offline](/forum/user/1634-rikatos) Less More - Posts: 179 - Thank you received: 17 - - - [](http://oceansafety.com) - 13 years 7 months ago - 13 years 7 months ago [\#95785](#95785) by [rikatos](/forum/user/1634-rikatos "View rikatos's Profile") Replied by *[rikatos](/forum/user/1634-rikatos "View rikatos's Profile")* on topic *[Help with Product page layouts](/forum/2-general-talk-about-hikashop/51988-help-with-product-page-layouts#95785 "Hi Have attached an image of the product page currently on my site (Mockup). I am having trouble finding where things are in views to manipulate the layout. A couple of things. I want to basically make the Hika layout look like that shown in Mockup2 image (which is prestashop) How do I make the Main product image larger (the thumbnails below are ok)? It looks like that if things aren't being used such as vote, or dimensions - it is leaving blank space where they are normally located - you can see the spacing. Not sure how to stop this. How do I get the intro text (before the readmore in my product description) to sit on the right hand side where the price and characteristic currently is. My order would be Product Description Characteristics Quantity Price Add to Cart Much the same as the Mockup2 image, I want to add the word quantity in front of the text box as well - not sure which view Hopefully this makes sense Thanks")* From my memory all I did was change product/show.php files within hikashop (Display..Views..Filter by Front end and your template). This allows you to edit the override file (ie if you mess it up you just get rid of your override and all returns to default). I will pop across (attached) my show.php file so you can paste over and see if it fits your needs. Naturally I recommend doing on a test site not a live one ! Last edit: 13 years 7 months ago by [rikatos](/forum/user/1634-rikatos "View rikatos's Profile"). Reason: attachment Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzUxOTg4LWhlbHAtd2l0aC1wcm9kdWN0LXBhZ2UtbGF5b3V0cz90bXBsPW1hcmtkb3du) 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.772 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)