[Skip to main content](#vessel-content) # image on product page ## - **[sarsells](/forum/user/2567-sarsells "View sarsells's Profile")** - [![sarsells's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar2567.jpg)](/forum/user/2567-sarsells "View sarsells's Profile") Topic Author - [ Offline](/forum/user/2567-sarsells) Less More - Posts: 117 - Thank you received: 0 - - 15 years 2 months ago [\#24073](#24073) by [sarsells](/forum/user/2567-sarsells "View sarsells's Profile") *[image on product page](/forum/2-general-talk-about-hikashop/24073-image-on-product-page#24073 "Hi nicolas With regard to my site at new.allyoucanbear.com I am trying to change the look of my product page. I have followed instructions on this thread www.hikashop.com/en/support/forum/2-gene...-image-settings.html I now have a huge image on my product page. It is too big. I have gone to my hikashop settings, and changed the image width to 480, but mine is still showing as wider. Does this mean that I will need to edit all of my images to a max width of 480px? In addition, If you put the mouse over the thumbnails below, the page reverts back to smaller images. I changed the code in two places on the file, so I am not sure what I have done wrong? I will also need to change the position of my add to cart button. At present this is situated on the right of the page, but I will need to move it to the bottom section. Please can you tell me what I need to edit (exactly as I am not able to write php) to do this. It had occurred to me that it might be good to have a carousel to display the images of a particular product, but it looks like they are for displaying different products as opposed to different images of one product?")* was created by *[sarsells](/forum/user/2567-sarsells "View sarsells's Profile")* Hi nicolas With regard to my site at [ new.allyoucanbear.com](http://new.allyoucanbear.com) I am trying to change the look of my product page. I have followed instructions on this thread [ www.hikashop.com/en/support/forum/2-gene...-image-settings.html](http://www.hikashop.com/en/support/forum/2-general-talk-about-hikashop/21723-product-page-image-settings.html) I now have a huge image on my product page. It is too big. I have gone to my hikashop settings, and changed the image width to 480, but mine is still showing as wider. Does this mean that I will need to edit all of my images to a max width of 480px? In addition, If you put the mouse over the thumbnails below, the page reverts back to smaller images. I changed the code in two places on the file, so I am not sure what I have done wrong? I will also need to change the position of my add to cart button. At present this is situated on the right of the page, but I will need to move it to the bottom section. Please can you tell me what I need to edit (exactly as I am not able to write php) to do this. It had occurred to me that it might be good to have a carousel to display the images of a particular product, but it looks like they are for displaying different products as opposed to different images of one product? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzI0MDczLWltYWdlLW9uLXByb2R1Y3QtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/register) 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: 86322 - Thank you received: 14281 - - 15 years 2 months ago [\#24092](#24092) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: image on product page](/forum/2-general-talk-about-hikashop/24073-image-on-product-page#24092 "Hi nicolas With regard to my site at new.allyoucanbear.com I am trying to change the look of my product page. I have followed instructions on this thread www.hikashop.com/en/support/forum/2-gene...-image-settings.html I now have a huge image on my product page. It is too big. I have gone to my hikashop settings, and changed the image width to 480, but mine is still showing as wider. Does this mean that I will need to edit all of my images to a max width of 480px? In addition, If you put the mouse over the thumbnails below, the page reverts back to smaller images. I changed the code in two places on the file, so I am not sure what I have done wrong? I will also need to change the position of my add to cart button. At present this is situated on the right of the page, but I will need to move it to the bottom section. Please can you tell me what I need to edit (exactly as I am not able to write php) to do this. It had occurred to me that it might be good to have a carousel to display the images of a particular product, but it looks like they are for displaying different products as opposed to different images of one product?")* When you change the image width and height in the config, it only applies to NEW images. So you will have to reupload the images of your existing products if you want them to be resized following your new settings. The modification proposed in the other thread only works fine for one image per product. You would have to add the code below at the beginning of the file if you also want it to work with several images: $this->image->no_size_override=true; For the add to cart button, you need to move the div hikashop_product_quantity_main and its content inside the div hikashop_product_bottom_part for what you want to do. Yes, the carousel function we added in HikaShop is to display categories, manufacturers and products. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzI0MDczLWltYWdlLW9uLXByb2R1Y3QtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[sarsells](/forum/user/2567-sarsells "View sarsells's Profile")** - [![sarsells's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar2567.jpg)](/forum/user/2567-sarsells "View sarsells's Profile") Topic Author - [ Offline](/forum/user/2567-sarsells) Less More - Posts: 117 - Thank you received: 0 - - 15 years 2 months ago [\#24119](#24119) by [sarsells](/forum/user/2567-sarsells "View sarsells's Profile") Replied by *[sarsells](/forum/user/2567-sarsells "View sarsells's Profile")* on topic *[Re: image on product page](/forum/2-general-talk-about-hikashop/24073-image-on-product-page#24119 "Hi nicolas With regard to my site at new.allyoucanbear.com I am trying to change the look of my product page. I have followed instructions on this thread www.hikashop.com/en/support/forum/2-gene...-image-settings.html I now have a huge image on my product page. It is too big. I have gone to my hikashop settings, and changed the image width to 480, but mine is still showing as wider. Does this mean that I will need to edit all of my images to a max width of 480px? In addition, If you put the mouse over the thumbnails below, the page reverts back to smaller images. I changed the code in two places on the file, so I am not sure what I have done wrong? I will also need to change the position of my add to cart button. At present this is situated on the right of the page, but I will need to move it to the bottom section. Please can you tell me what I need to edit (exactly as I am not able to write php) to do this. It had occurred to me that it might be good to have a carousel to display the images of a particular product, but it looks like they are for displaying different products as opposed to different images of one product?")* Thank you. I now have my product page looking almost how I want it. There are a few more things though, if you do not mind. Firstly, I moved div hikashop_product_quantity_main and its content inside the div hikashop_product_bottom_part This moved the add to card and quantity, but not the price. I looked at the php file and really could not tell what I would have to move to achieve this. I would really like it to sit along side the description, so it would be a right part to the bottom section. Secondly, I do not really need to open the images now. I like the way they just swap the main image on mouse over. Can I disable the function to open the image? Lastly, I have added some related products on a couple of my items, so they should display under the description, and they are not there. I have looked and looked and tried to see what I have set incorrectly, but I just cannot see it. Thank once again Sarah Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzI0MDczLWltYWdlLW9uLXByb2R1Y3QtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/register) 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: 86322 - Thank you received: 14281 - - 15 years 2 months ago [\#24135](#24135) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: image on product page](/forum/2-general-talk-about-hikashop/24073-image-on-product-page#24135 "Hi nicolas With regard to my site at new.allyoucanbear.com I am trying to change the look of my product page. I have followed instructions on this thread www.hikashop.com/en/support/forum/2-gene...-image-settings.html I now have a huge image on my product page. It is too big. I have gone to my hikashop settings, and changed the image width to 480, but mine is still showing as wider. Does this mean that I will need to edit all of my images to a max width of 480px? In addition, If you put the mouse over the thumbnails below, the page reverts back to smaller images. I changed the code in two places on the file, so I am not sure what I have done wrong? I will also need to change the position of my add to cart button. At present this is situated on the right of the page, but I will need to move it to the bottom section. Please can you tell me what I need to edit (exactly as I am not able to write php) to do this. It had occurred to me that it might be good to have a carousel to display the images of a particular product, but it looks like they are for displaying different products as opposed to different images of one product?")* For the price it's the tag with the id hikashop_product_price_main that you need to move. There is no option to disable the links on the images. You can do it with an image display override but that require some coding knowledge: [ www.hikashop.com/support/documentation/6...tation.html#override](http://www.hikashop.com/support/documentation/62-hikashop-developer-documentation.html#override) For the related products, did you configure a related products module at the bottom of your product pages, as explained in the documentation below ? [ www.hikashop.com/support/documentation/i...ct-form.html#related](http://www.hikashop.com/support/documentation/integrated-documentation/19-hikashop-product-form.html#related) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzI0MDczLWltYWdlLW9uLXByb2R1Y3QtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/register) 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.084 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)