Desktop Version: Product Tabs

Hello.

Desktop Version:
If I push together the browser window (as shown in the attachment) the contents of the TABS are no longer displayed. Is this correct?

Wouldn’t it be better if here (similar to the mobile view) also the contents remain visible for the users?

Thanks for support.

Best regards.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

You have to reload the page after you change the browser size to load the tabs in the mobile view or any other. This is the default behaviour.

Regards.
Xtemos Studios

Hello.

Thanks for the tip to reload the side. BUT sorry to say – this is not the default behavior. I have never seen a shop-site whereI have to reload the site to get the content in all browser sizes. In my opinion it’s also not comfortable for clients.

What I want to have is:
Accordion functionality first tab “discription” (or all tabs if it’s easier) always open in all browser sizes.
Without site reload and scrollbar.

For me both default choices for TAB / ACCORDION are not yet satisfying (as shown in screenshot).

I found something here in the forum about the topic:
https://xtemos.com/forums/topic/how-to-style-an-accordion-with-only-the-opened-tabs/

Unfortunately the custom code does not work for me.

It would be great, if you can find a solution for a permanent fully open accordion view in all browser sizes.

Thank you so much!!!!
Best regards.

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.wd-accordion-title.active {
    color: #4d4d4d;
}

.wd-accordion-title {
  cursor:default;
	pointer-events: none;
}

.tabs-layout-accordion .wd-tab-wrapper .wc-tab {
    display: block!important;
}

Kind Regards

Hello.

Thank you for the snippet. But this snippit unfortunately does not work. The “problem” persists and isn’t solved yet.

Do you have any other idea or code?

Many thanks and kind regards.

Try to replace previous code snippet with the following one:

.single-product-page .wd-accordion-title {
  cursor:default;
	pointer-events: none;
}

.single-product-page .wd-accordion-title:after {
	display: none;
}

.tabs-layout-accordion .wd-tab-wrapper .wc-tab {
    display: block!important;
}

.tabs-layout-accordion .wd-scroll-content,
.tabs-layout-accordion #tab-reviews .wc-tab-inner .wd-scroll-content {
	max-height: 100%!important;
}

Kind Regards

Hello.

Yeah. That’s perfekt. Many, many thanks!

Kind regards.

Great, you are welcome!

[Author]

Posts