[Skip to main content](#vessel-content)

#   Product Image Placement

##

- **[suppliesplus](/forum/user/35202-suppliesplus "View suppliesplus's Profile")**
- [![suppliesplus's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar35202.jpg)](/forum/user/35202-suppliesplus "View suppliesplus's Profile") Topic Author
- [ Offline](/forum/user/35202-suppliesplus)

Less More

- Posts: 11
- Thank you received: 0
-
-

11 years 9 months ago -  11 years 9 months ago [\#185906](#185906) by [suppliesplus](/forum/user/35202-suppliesplus "View suppliesplus's Profile")  *[Product Image Placement](/forum/26-product-category-display/874133-product-image-placement#185906 "-- url of the page with the problem -- :   dynamixgraphix.com/suppliesplus/index.ph...knife-l-2&amp;Itemid=417  -- HikaShop version -- : 2.3.4 -- Joomla version -- : 3.3.1 -- PHP version -- : 5.3.24 -- Browser(s) name and version -- : Firefox 35.0  I'm using the Creatix template from Joomlaman and unfortunately since I've updated my Hikashop from the original version they will no longer support it.  My question is what do I have to change to make the main product placement look like the after picture? (which I changed in Photoshop) (I've attached both a before and after pic)  Thanks in advance.")* was created by *[suppliesplus](/forum/user/35202-suppliesplus "View suppliesplus's Profile")*

-- url of the page with the problem -- : [ dynamixgraphix.com/suppliesplus/index.ph...knife-l-2&amp;Itemid=417](http://dynamixgraphix.com/suppliesplus/index.php?option=com_hikashop&ctrl=product&task=show&cid=92&name=olfa-rubber-inset-grip-ratchet-lock-utility-knife-l-2&Itemid=417)
-- HikaShop version -- : 2.3.4
-- Joomla version -- : 3.3.1
-- PHP version -- : 5.3.24
-- Browser(s) name and version -- : Firefox 35.0

I'm using the Creatix template from Joomlaman and unfortunately since I've updated my Hikashop from the original version they will no longer support it.

My question is what do I have to change to make the main product placement look like the after picture? (which I changed in Photoshop)
(I've attached both a before and after pic)

Thanks in advance.

- [ ![before.jpg](/forum/attachment/21558) ](/forum/attachment/21558 "before.jpg") [ ](/forum/attachment/21558?download=1 "before.jpg")
- [ ![after.jpg](/forum/attachment/21559) ](/forum/attachment/21559 "after.jpg") [ ](/forum/attachment/21559?download=1 "after.jpg")

Last edit: 11 years 9 months ago by [suppliesplus](/forum/user/35202-suppliesplus "View suppliesplus's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzQxMzMtcHJvZHVjdC1pbWFnZS1wbGFjZW1lbnQ/dG1wbD1tYXJrZG93bg==) 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")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86290
- Thank you received: 14268
-
-

11 years 9 months ago [\#185933](#185933) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Product Image Placement](/forum/26-product-category-display/874133-product-image-placement#185933 "-- url of the page with the problem -- :   dynamixgraphix.com/suppliesplus/index.ph...knife-l-2&amp;Itemid=417  -- HikaShop version -- : 2.3.4 -- Joomla version -- : 3.3.1 -- PHP version -- : 5.3.24 -- Browser(s) name and version -- : Firefox 35.0  I'm using the Creatix template from Joomlaman and unfortunately since I've updated my Hikashop from the original version they will no longer support it.  My question is what do I have to change to make the main product placement look like the after picture? (which I changed in Photoshop) (I've attached both a before and after pic)  Thanks in advance.")*

Hi,

Add such CSS in your template CSS and that should do the job:
\#hikashop_product_image_main{ width : 50% !important; }

The following user(s) said Thank You: [suppliesplus](/forum/user/35202-suppliesplus "View suppliesplus's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzQxMzMtcHJvZHVjdC1pbWFnZS1wbGFjZW1lbnQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[suppliesplus](/forum/user/35202-suppliesplus "View suppliesplus's Profile")**
- [![suppliesplus's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar35202.jpg)](/forum/user/35202-suppliesplus "View suppliesplus's Profile") Topic Author
- [ Offline](/forum/user/35202-suppliesplus)

Less More

- Posts: 11
- Thank you received: 0
-
-

11 years 9 months ago [\#186047](#186047) by [suppliesplus](/forum/user/35202-suppliesplus "View suppliesplus's Profile")  Replied by *[suppliesplus](/forum/user/35202-suppliesplus "View suppliesplus's Profile")* on topic *[Product Image Placement](/forum/26-product-category-display/874133-product-image-placement#186047 "-- url of the page with the problem -- :   dynamixgraphix.com/suppliesplus/index.ph...knife-l-2&amp;Itemid=417  -- HikaShop version -- : 2.3.4 -- Joomla version -- : 3.3.1 -- PHP version -- : 5.3.24 -- Browser(s) name and version -- : Firefox 35.0  I'm using the Creatix template from Joomlaman and unfortunately since I've updated my Hikashop from the original version they will no longer support it.  My question is what do I have to change to make the main product placement look like the after picture? (which I changed in Photoshop) (I've attached both a before and after pic)  Thanks in advance.")*

That worked perfectly! ![:cheer:](/media/kunena/emoticons/10.png ":cheer:")
How would I go about centering the image in the middle of the box? :blink:

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzQxMzMtcHJvZHVjdC1pbWFnZS1wbGFjZW1lbnQ/dG1wbD1tYXJrZG93bg==) 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")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86290
- Thank you received: 14268
-
-

11 years 9 months ago [\#186050](#186050) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Product Image Placement](/forum/26-product-category-display/874133-product-image-placement#186050 "-- url of the page with the problem -- :   dynamixgraphix.com/suppliesplus/index.ph...knife-l-2&amp;Itemid=417  -- HikaShop version -- : 2.3.4 -- Joomla version -- : 3.3.1 -- PHP version -- : 5.3.24 -- Browser(s) name and version -- : Firefox 35.0  I'm using the Creatix template from Joomlaman and unfortunately since I've updated my Hikashop from the original version they will no longer support it.  My question is what do I have to change to make the main product placement look like the after picture? (which I changed in Photoshop) (I've attached both a before and after pic)  Thanks in advance.")*

Hi,

The image is already centered horizontally and there is no system in CSS to center it vertically.
If you want to have it centered vertically, you can turn on the "force size" option of the "Images" section HikaShop configuration and HikaShop will add white strips around the images so that they fit the size that you indicate perfectly so that you see it centered vertically.

The following user(s) said Thank You: [suppliesplus](/forum/user/35202-suppliesplus "View suppliesplus's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzQxMzMtcHJvZHVjdC1pbWFnZS1wbGFjZW1lbnQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[suppliesplus](/forum/user/35202-suppliesplus "View suppliesplus's Profile")**
- [![suppliesplus's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar35202.jpg)](/forum/user/35202-suppliesplus "View suppliesplus's Profile") Topic Author
- [ Offline](/forum/user/35202-suppliesplus)

Less More

- Posts: 11
- Thank you received: 0
-
-

11 years 9 months ago [\#186153](#186153) by [suppliesplus](/forum/user/35202-suppliesplus "View suppliesplus's Profile")  Replied by *[suppliesplus](/forum/user/35202-suppliesplus "View suppliesplus's Profile")* on topic *[Product Image Placement](/forum/26-product-category-display/874133-product-image-placement#186153 "-- url of the page with the problem -- :   dynamixgraphix.com/suppliesplus/index.ph...knife-l-2&amp;Itemid=417  -- HikaShop version -- : 2.3.4 -- Joomla version -- : 3.3.1 -- PHP version -- : 5.3.24 -- Browser(s) name and version -- : Firefox 35.0  I'm using the Creatix template from Joomlaman and unfortunately since I've updated my Hikashop from the original version they will no longer support it.  My question is what do I have to change to make the main product placement look like the after picture? (which I changed in Photoshop) (I've attached both a before and after pic)  Thanks in advance.")*

Merci Nicolas!

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzQxMzMtcHJvZHVjdC1pbWFnZS1wbGFjZW1lbnQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop- Install &amp; Update- Product &amp; Category Display- Content Creation- Sales and Orders- - Orders management- - Reports &amp; Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import &amp; Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel &amp; Slider- - Mass Actions- - Filters &amp; Search- - Discount &amp; 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.156 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
