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

#   Product Variant layout changes back to default

##

- **[irinuta14](/forum/user/36063-irinuta14 "View irinuta14's Profile")**
- [![irinuta14's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/36063-irinuta14 "View irinuta14's Profile") Topic Author
- [ Offline](/forum/user/36063-irinuta14)

Less More

- Posts: 6
- Thank you received: 0
-
-

11 years 8 months ago [\#189790](#189790) by [irinuta14](/forum/user/36063-irinuta14 "View irinuta14's Profile")  *[Product Variant layout changes back to default](/forum/26-product-category-display/874803-product-variant-layout-changes-back-to-default#189790 "-- HikaShop version -- : 2.3.5 -- Joomla version -- : 3.3.6  Hello, I have installer the starter Hikashop, and it's a great free component! I am using a custom product details layout, I have edited both show&#95;default and show&#95;block&#95;img and placed them in my template html override directory. The problem is that when I select a color characteristic, and the page changes to my product variant, the layout gets messed up. The image block layout reverts to the default one, as does the whole product details layout. There are some changes because of the css, but the phps loaded are clearly the default ones. How can I make the product variants load my custom layouts? Thank you! Irina")* was created by *[irinuta14](/forum/user/36063-irinuta14 "View irinuta14's Profile")*

-- HikaShop version -- : 2.3.5
-- Joomla version -- : 3.3.6

Hello,
I have installer the starter Hikashop, and it's a great free component!
I am using a custom product details layout, I have edited both show_default and show_block_img and placed them in my template html override directory. The problem is that when I select a color characteristic, and the page changes to my product variant, the layout gets messed up. The image block layout reverts to the default one, as does the whole product details layout. There are some changes because of the css, but the phps loaded are clearly the default ones.
How can I make the product variants load my custom layouts?
Thank you!
Irina

- [ ![custom&#95;layout&#95;main&#95;product.jpg](/forum/attachment/22203) ](/forum/attachment/22203 "...in&#95;product.jpg") [ ](/forum/attachment/22203?download=1 "...in&#95;product.jpg")
- [ ![layout&#95;variant.jpg](/forum/attachment/22204) ](/forum/attachment/22204 "...ut&#95;variant.jpg") [ ](/forum/attachment/22204?download=1 "...ut&#95;variant.jpg")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzQ4MDMtcHJvZHVjdC12YXJpYW50LWxheW91dC1jaGFuZ2VzLWJhY2stdG8tZGVmYXVsdD90bXBsPW1hcmtkb3du) 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
-
-

11 years 8 months ago [\#189792](#189792) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Product Variant layout changes back to default](/forum/26-product-category-display/874803-product-variant-layout-changes-back-to-default#189792 "-- HikaShop version -- : 2.3.5 -- Joomla version -- : 3.3.6  Hello, I have installer the starter Hikashop, and it's a great free component! I am using a custom product details layout, I have edited both show&#95;default and show&#95;block&#95;img and placed them in my template html override directory. The problem is that when I select a color characteristic, and the page changes to my product variant, the layout gets messed up. The image block layout reverts to the default one, as does the whole product details layout. There are some changes because of the css, but the phps loaded are clearly the default ones. How can I make the product variants load my custom layouts? Thank you! Irina")*

Hi,

The variants HTML is generated in the "show" file of the "product" view.
So you want to look at the code there.
Also, make sure you didn't mess with the divs with the ids finishing with _main in your show_default view file override because the variants system uses the data from the variants generated in the show file to replace the content of these _main divs when you change the variant selected. So for example, if you put the right area div inside the product name _main div, when you switch a characteristic, the system will replace the whole right area div with the product name of the variant and thus you'll get your design all messed up. If you don't need to have the data changing on the page when changing the variant selected, you can simply remove the variant data in the show file and the system won't do the replacement of the data removed.

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

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

- **[irinuta14](/forum/user/36063-irinuta14 "View irinuta14's Profile")**
- [![irinuta14's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/36063-irinuta14 "View irinuta14's Profile") Topic Author
- [ Offline](/forum/user/36063-irinuta14)

Less More

- Posts: 6
- Thank you received: 0
-
-

11 years 8 months ago [\#189897](#189897) by [irinuta14](/forum/user/36063-irinuta14 "View irinuta14's Profile")  Replied by *[irinuta14](/forum/user/36063-irinuta14 "View irinuta14's Profile")* on topic *[Product Variant layout changes back to default](/forum/26-product-category-display/874803-product-variant-layout-changes-back-to-default#189897 "-- HikaShop version -- : 2.3.5 -- Joomla version -- : 3.3.6  Hello, I have installer the starter Hikashop, and it's a great free component! I am using a custom product details layout, I have edited both show&#95;default and show&#95;block&#95;img and placed them in my template html override directory. The problem is that when I select a color characteristic, and the page changes to my product variant, the layout gets messed up. The image block layout reverts to the default one, as does the whole product details layout. There are some changes because of the css, but the phps loaded are clearly the default ones. How can I make the product variants load my custom layouts? Thank you! Irina")*

Thank you for your response Nicolas!
Made me realize the php is loaded properly, the divs are in the custom order, but the css was not properly loaded, because I had styled some ids that are appended with a number for the variant display. Now everything looks properly gorgeous in variant view as well.

Thank you!

- [ ![variant1.jpg](/forum/attachment/22230) ](/forum/attachment/22230 "variant1.jpg") [ ](/forum/attachment/22230?download=1 "variant1.jpg")
- [ ![variant2.jpg](/forum/attachment/22231) ](/forum/attachment/22231 "variant2.jpg") [ ](/forum/attachment/22231?download=1 "variant2.jpg")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzQ4MDMtcHJvZHVjdC12YXJpYW50LWxheW91dC1jaGFuZ2VzLWJhY2stdG8tZGVmYXVsdD90bXBsPW1hcmtkb3du) 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.171 seconds

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

[](#top)
