- Posts: 44
- Thank you received: 5
tabs not working after selecting characteristics
- Volker Epting
-
Topic Author
- Offline
Less
More
2 years 4 months ago #360998
by Volker Epting
tabs not working after selecting characteristics was created by Volker Epting
-- url of the page with the problem -- :
www.steelumo.de/shop/kubus-33/produkt/ei...gory_pathway-23.html
-- HikaShop version -- : 5.0.4
-- Joomla version -- : 5.1.0
-- PHP version -- : 8.2.18
-- Browser(s) name and version -- : Firefox 125.0.3 (64-Bit)
tabs not working after selecting characteristics???
With selection of the color shop jumps to the first tab
{tab PRODUKTDATEN}
{loadmoduleid 235}
{tab VERSAND}
{loadmoduleid 231}
{tab VERBINDUNG}
{loadmoduleid 224}
{tab KOMBINIEREN}
{loadmoduleid 225}
{tab PFLEGEHINWEISE}
{loadmoduleid 219}
{tab SONDERANFERTIGUNGEN}
{loadmoduleid 220}
{tab FAQ}
{loadmoduleid 221}
{/tabs}
-- HikaShop version -- : 5.0.4
-- Joomla version -- : 5.1.0
-- PHP version -- : 8.2.18
-- Browser(s) name and version -- : Firefox 125.0.3 (64-Bit)
tabs not working after selecting characteristics???
With selection of the color shop jumps to the first tab
{tab PRODUKTDATEN}
{loadmoduleid 235}
{tab VERSAND}
{loadmoduleid 231}
{tab VERBINDUNG}
{loadmoduleid 224}
{tab KOMBINIEREN}
{loadmoduleid 225}
{tab PFLEGEHINWEISE}
{loadmoduleid 219}
{tab SONDERANFERTIGUNGEN}
{loadmoduleid 220}
{tab FAQ}
{loadmoduleid 221}
{/tabs}
Please Log in or Create an account to join the conversation.
2 years 4 months ago - 2 years 4 months ago #361003
by Philip
Replied by Philip on topic tabs not working after selecting characteristics
Hello,
We are sorry but we didn't see the issue displayed in your screenshot?
Did you manage to solve this issue?
And if not, descirbe more precisely your issue with details (screenshot, description, process to reproduce the issue).
Regards
We are sorry but we didn't see the issue displayed in your screenshot?
Did you manage to solve this issue?
And if not, descirbe more precisely your issue with details (screenshot, description, process to reproduce the issue).
Regards
Last edit: 2 years 4 months ago by Philip.
Please Log in or Create an account to join the conversation.
- Volker Epting
-
Topic Author
- Offline
Less
More
- Posts: 44
- Thank you received: 5
2 years 4 months ago #361011
by Volker Epting
Replied by Volker Epting on topic tabs not working after selecting characteristics
www.steelumo.de/shop/kubus-33/produkt/ei...gory_pathway-23.html
There are a lot of tabs for the product content/description
As long as I do NOT choose a color I am able to navigate through all the tabs.
After choosing a color, i am not able to navigate through the tabs anymore. Seems to be some jquery issue.....???
There are a lot of tabs for the product content/description
As long as I do NOT choose a color I am able to navigate through all the tabs.
After choosing a color, i am not able to navigate through the tabs anymore. Seems to be some jquery issue.....???
Please Log in or Create an account to join the conversation.
2 years 4 months ago #361015
by nicolas
Replied by nicolas on topic tabs not working after selecting characteristics
Hi,
I think it's because of the way the tab system you're using works.
With characteristics, HikaShop will have a hidden HTML area for the value of the custom field for each variant.
This way, you can actually configure a different value in the custom field in each variant and on the frontend, when the customer changes the selection of the variant, HikaShop will update the HTML of the custom field, with the HTML of the corresponding variant.
If the tabs don't work when the variant is changed, it means that way the tab system works, it doesn't do anything once the javascript of HikaShop is refreshing the custom field area with the HTML of the custom field for the new variant.
Supposing you have the same HTML for all the variants, what you can do is to edit the view file product / show via the menu Display>Views and change the code:
to:
this will remove the display of the hidden area for the custom fields of each variant. Then, the variant refresh system won't find it when the variant selection is changed and it will keep the main display as is, and thus the tabs initialized by your extension making these tabs will keep working even after that.
Another solution would be for the tab extension to add a bit of javascript code in order to register the hkContentChanged event fired by HikaShop when a new variant is being selected in order to reprocess the HTML on the page.
Something like this:
I think it's because of the way the tab system you're using works.
With characteristics, HikaShop will have a hidden HTML area for the value of the custom field for each variant.
This way, you can actually configure a different value in the custom field in each variant and on the frontend, when the customer changes the selection of the variant, HikaShop will update the HTML of the custom field, with the HTML of the corresponding variant.
If the tabs don't work when the variant is changed, it means that way the tab system works, it doesn't do anything once the javascript of HikaShop is refreshing the custom field area with the HTML of the custom field for the new variant.
Supposing you have the same HTML for all the variants, what you can do is to edit the view file product / show via the menu Display>Views and change the code:
Code:
if(!empty($this->fields)) {
Code:
if(false) {
Another solution would be for the tab extension to add a bit of javascript code in order to register the hkContentChanged event fired by HikaShop when a new variant is being selected in order to reprocess the HTML on the page.
Something like this:
Code:
<script>
(function(){
if(window.Oby) {
window.Oby.registerAjax("hkContentChanged",function(params){
// reprocess tabs on the page
});
}
})();
</script>
Please Log in or Create an account to join the conversation.
- Volker Epting
-
Topic Author
- Offline
Less
More
- Posts: 44
- Thank you received: 5
2 years 4 months ago #361025
by Volker Epting
Replied by Volker Epting on topic tabs not working after selecting characteristics
if(false) {
war die Lösung. Danke
war die Lösung. Danke
The following user(s) said Thank You: Philip
Please Log in or Create an account to join the conversation.
Time to create page: 0.187 seconds