tabs not working after selecting characteristics

  • Posts: 42
  • Thank you received: 5
7 months 5 days ago #360998

-- 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


Please Log in or Create an account to join the conversation.

  • Posts: 4760
  • Thank you received: 647
  • MODERATOR
7 months 5 days ago #361003

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

Last edit: 7 months 5 days ago by Philip.

Please Log in or Create an account to join the conversation.

  • Posts: 42
  • Thank you received: 5
7 months 5 days ago #361011

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.....???

Please Log in or Create an account to join the conversation.

  • Posts: 83007
  • Thank you received: 13398
  • MODERATOR
7 months 4 days ago #361015

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:

if(!empty($this->fields)) {
to:
if(false) {
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:
<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.

  • Posts: 42
  • Thank you received: 5
7 months 4 days ago #361025

if(false) {

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.065 seconds
Powered by Kunena Forum