Return to previous page

Extra possibilities for tabs menu to re-style

This topic has 20 replies, 4 voices, and was last updated 1 hours, 41 minutes ago ago by Luca Rossi

Arnan

Participant

February 25, 2024 at 15:24

Hi, I’m building a webshop with parts for home appliances like vacuum cleaners. A lot of parts fit to a lot of different type of machines. I made an attribute called: “Suitable for” in which I added the type or serial numbers. There is one problem; some articles have hundred of types which makes the tabs very long (particularly on mobile). See for example the first attachment. The actual list is 5 times longer for this specific product …

The type numbers are clickable. By clicking it shows ALL the products for the selected type. (See second attached file for visualization of the page shown when clicking a specific type). The main text color in the TAB is black but I need the text to be blue #00a6be when hovering over the type numbers so my customers are able to see the type numbers are in fact clickable.

So I have two questions:
1. Is there a solution for the tabs to show only (for example) 250 characters and then place the word: More … so customers can click this when they want to see the full list?

2. Is there a CSS solution to transform the text into #00a6be when hovering?

I hope you can help me with these questions?

Files is visible for topic creator and
support staff only.

#384687 Copied Theme version: 9.2.8

19 Answers

Tony Rodriguez

Support staff

February 26, 2024 at 06:01

Hello, @Arnan,

Thank you so much for purchasing our theme and contacting our support center.

We are writing to inform you that we have encountered difficulty accessing your website. It appears to be in maintenance mode at the moment. For your convenience, we have attached a screenshot to illustrate the issue we are facing. https://ibb.co/cL6xNQ9

In order to assist you with your inquiry, we request that you provide us with URL and temporary access to the wp-admin of your website. This will enable us to take a closer look at your settings and provide you with a more accurate and specific solution.

We kindly recommend that you take a complete backup of your site before proceeding.

Please let us know once you have completed these steps, and we will promptly review your account information and provide assistance as soon as possible.

Kind Regards,
8theme team

Please contact administrator
for this information.

#384722 Copied

Arnan

Participant

February 26, 2024 at 14:37

Hi Rose,

I am willing and able to provide a temporarily acces to the backoffice where you can also watch a preview of the front end. Also is it possible for me to share a video of the problem I am facing. But I prefer to send the account information by mail and not on this forum. Can you provide me your mail address for the wetransfer file and the account information?

Furthermore I have another topic pending with your co-worker Tony Rodriguez regarding tabs. He also wants to login to my backoffice. Should I provide him with a different temporarily account? Or can you share one account on my backoffice?

#384808 Copied

Arnan

Participant

February 26, 2024 at 15:36

Hi Tony, wrong message ment for Rose. I’m sorry! I will wait for her response on the other topic. Maybe you can share a login?

#384828 Copied

Arnan

Participant

February 26, 2024 at 17:10

Hi Tony, please take a look at the private content area for more details about this topic. Thank you!

Kind regards, Arnan

Please contact administrator
for this information.

#384849 Copied
Tony Rodriguez

Support staff

February 27, 2024 at 06:21
Hello, @Arnan,

Thank you for your response.

1/ We would like to inform you that the XStore theme provides a feature to enable scrollable content within your single product tabs. To activate this functionality, please navigate to the following path in your theme settings:

XStore > Theme Options > WooCommerce > Single Product Builder > Tabs

Once there, you can turn on the ‘Scrollable Content’ option and adjust the ‘Content Max Height’ to suit your preferences. After making the necessary adjustments, ensure to save your changes by clicking the ‘Publish’ button.

For your convenience, we have provided a visual reference to guide you through the process: https://imgur.com/EbumEJH

We regret to inform you that, at present, it is not possible to incorporate the word “More” into the tabs.Please post your request on our Taskboard at https://www.8theme.com/taskboard/ -If it receives enough votes from other customers, our development team will consider adding it in one of the upcoming updates.

2/ To address the concern you’ve raised, we kindly ask that you follow the steps outlined below:

1. Navigate to the “XStore” section.
2. Proceed to “Theme Options”.
3. Select “Theme Custom CSS”.
4. Locate the “Global CSS” area.

Once there, please copy and paste the CSS code provided below into the specified field.
```
.single-product td.woocommerce-product-attributes-item__value a:hover {
    color: #00a6be !important;
}
```
The result should look like this: https://imgur.com/WgZhCHs

We hope this helps.

Kind regards,
The 8Theme Team
#384892 Copied
Arnan

Participant

February 27, 2024 at 08:35

Hi Tony, thank you. The CSS part I will try later but that will work. For the scrollable tabs it works in the backoffice when I test it but it seems that when I want to publish the adjustments they won’t save. After clicking publish I go to the front end and there is nog change visible. Maybe you can take a look for me at the backend en see why?

#384914 Copied

Tony Rodriguez

Support staff

February 27, 2024 at 09:48

Hello, @Arnan,

We wish to inform you that we have encountered an issue with the theme options on your website. Upon investigation, we have observed that the changes are not being published successfully. Our technical team has reviewed the console logs and identified that the server is returning a 404 & 500 (Not Found) error.

To resolve this matter efficiently, we kindly recommend that you reach out to your service provider and request their assistance in rectifying this issue.

We trust that this information will be of assistance to you. Should you have any further inquiries or require additional support, please do not hesitate to contact us.

Warm regards,
The 8Theme Team

Please contact administrator
for this information.

#384936 Copied

Arnan

Participant

March 9, 2024 at 22:53

Hi Tony, the CSS works fine. Thank you. However I’m stuck with the other problem. My service provider can’t help me. To identify what causes the problem of not saving changed content I disabled elementor and elementor pro shortly to see if there was a problem there. Unfortunately that was not the problem. After re-activating Elementor and Elementor Pro again there seems to be a new problem: All single product pages are not working anymore. So now I have two problems. I can’t edit and save single product pages in Xstore because it won’t save any changes AND on the front end the single product pages won’t show anymore because of a fatal error (see attached file). So I’m in need of some good support to fix the problem. I’m hoping you are willing to find and solve the problem for me? At this point I already created 3.000 products and I need my shop to be up and running within the next two months… Hope to hear from you soon. I’ve created a new login for you. If needed I can also give acces to my server when that is needed to help me solve this problem. Thank you!

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#386201 Copied

Rose Tyler

Support staff

March 10, 2024 at 09:27

Hello, Arnan,

Thank you for getting in touch with us.

1/ Please update the theme – https://prnt.sc/aPDdGOfzdLIp https://xstore.helpscoutdocs.com/article/63-theme-update

2/ Downgrade PHP version to 8.0 or 8.1.

3/ Please enable debug mode in WordPress – https://wordpress.org/support/article/debugging-in-wordpress/ to find out what error appears on your site, it will point you in the right direction what needs to be fixed.

4/ We kindly request that you provide us with temporary FTP access (FTP host, FTP username, FTP password, FTP port, and FTP encryption type). If you need assistance in creating these credentials, please reach out to your hosting provider who will guide you through the process.

Thank you for your cooperation.

Best Regards,
8Theme’s Team

#386217 Copied

Arnan

Participant

March 10, 2024 at 11:59

Hi Rose,

Thank you for the fast reply. I’ve updated the theme a week ago but the problem with the product page not working then took place for the first time. So I installed a backup from the day before to fix that problem (temporarily). However I just did the update again.

I’m sorry to say that I don’t know how to downgrade the PHP. For that I will have to call in some help tomorrow from a friend or my hosting provider. The same for the debugging WordPress.

I created a temporarily acces to my FTP which is displayed in the private content area. If you are able to find the problem before I can reach out to my friend of the hosting provider then of course that is great. Thanks again for your support.

Please contact administrator
for this information.

#386225 Copied

Luca Rossi

Support staff

March 11, 2024 at 06:49

Dear Arnan,

We hope this message finds you well.

We have identified a conflict between the Advanced Woo Labels/Search PRO plugins (screenshot available here: https://prnt.sc/irhzBvL0ACzU) and our XStore theme.

We would like to bring to your attention that while we strive for broad compatibility, we cannot guarantee that our theme will function seamlessly with all third-party plugins. In certain instances, additional customization may be required to ensure compatibility between the theme and plugins. Regrettably, it is beyond the capacity of the theme author to ensure universal compatibility with the multitude of plugins available, and such customization falls outside the purview of our standard support services.

In light of this, we recommend reaching out to the plugin author for assistance in resolving this issue.

We appreciate your understanding and are here to assist with any other concerns you may have.

Best regards,
The 8Theme Team

#386298 Copied

Arnan

Participant

March 11, 2024 at 20:55

Hi Luca, thanks for your answer. I understand that part of the problem is with the Advanced Woo labels and the Search Pro plugins. I can see you disabled them and the products page is now working again. Thank you. Ofcourse I can contact the the creators of the plugin and ask for assistance. Before doing so; can you specify what is causing the conflict? Can you give me more information about the conflict so I can pass this on to the creators of Advanced Woo Labels?

The reason I used these two plugins is that the theme I bought didn’t seem to have the option to 1) Create product labels based on Attributes. Is this correct? Is there a way to create labels with your theme similar to the ones I can create with Advanced Woo labels? Or can you advice a plugin that can do so and is 100% compatible with the theme?

2) With the search engine provided with you theme there seemed to be no option to include attributes in the search results. For me this is important because my products are mostly spare parts for domestic appliances and have a lot of serial numbers. Is there a way to include them within the search engine that comes with the theme or can you advice a plugin that does and also is 100% compatible with the theme?

Looking forward to your answer. Thank you!

#386457 Copied

Luca Rossi

Support staff

March 12, 2024 at 08:29

Hi @Arnan,

Hi Luca, thanks for your answer. I understand that part of the problem is with the Advanced Woo labels and the Search Pro plugins. I can see you disabled them and the products page is now working again. Thank you. Ofcourse I can contact the the creators of the plugin and ask for assistance. Before doing so; can you specify what is causing the conflict? Can you give me more information about the conflict so I can pass this on to the creators of Advanced Woo Labels?

Here is the error list when we open the Theme Options > Single Product Builder: https://prnt.sc/njS4ILax6XH4

The reason I used these two plugins is that the theme I bought didn’t seem to have the option to 1) Create product labels based on Attributes. Is this correct? Is there a way to create labels with your theme similar to the ones I can create with Advanced Woo labels? Or can you advice a plugin that can do so and is 100% compatible with the theme?

You can try with the YITH WooCommerce Badge Management plugin. For more information, please take a look at this article: https://xstore.helpscoutdocs.com/article/149-xstore-badges-on-products

2) With the search engine provided with you theme there seemed to be no option to include attributes in the search results. For me this is important because my products are mostly spare parts for domestic appliances and have a lot of serial numbers. Is there a way to include them within the search engine that comes with the theme or can you advice a plugin that does and also is 100% compatible with the theme?

We haven’t tested the 3rd party plugins related to Product Search Attributes yet.

But if you wish a developers team can personally assist you via customization service.
To get started, please follow this link to send your request with requirements – https://prnt.sc/PZkD4AEf27qO https://www.8theme.com/account/#etheme_customization_panel , and a detailed estimate for the customization work will be prepeared. Our goal is to create a design that aligns with your vision and enhances your website’s appearance and functionality.
Customize your website to suit your needs and make it stand out with expert dev team.

Best regards,
The 8Theme Team

#386488 Copied

Arnan

Participant

May 6, 2024 at 12:46

Hello Tony, some time back I asked this question about not being able to save changes in the Xstore menu (for example the hight of tabs). Your technical team located some issues: the server is returning a 404 & 500 (Not Found) error. In the period between then and now I tried to resolve this myself, also by contacting my hosting provider and by hiring a professional. Unfortunately we were not able to fix this problem. Therefore I want to ask you to help me find an fix this problem. My site has te be up and running within 2 months and I need this to be resolved. Can you ask the technical team to take a look at this? The temp login that I provided earlier is still active.

#394127 Copied

Luca Rossi

Support staff

May 7, 2024 at 07:00

Hi @Arnan,

Everytime we enter the correct username & password, we still got this error.

https://prnt.sc/GH0KrxfW2bz1

Could you please double check?

Thank you!

Content is visible for topic creator and
support staff only.

#394199 Copied

Arnan

Participant

May 7, 2024 at 08:47

Hello Luca, this message indicates that the result of a calculation should have been entered. Just to be sure, I created a new username and password. You can find this in the private content section. I hope that works out.

Content is visible for topic creator and
support staff only.

#394225 Copied

Luca Rossi

Support staff

May 7, 2024 at 09:55

Hi @Arnan,

Which issues are you facing now? We’re trying to edit the contact page and it’s working fine:

https://prnt.sc/EXex3_tcyTWb

We could also see that you’ve enabled the Advanced Woo Labels/Search PRO plugins again, they could cause the conflicts.

https://prnt.sc/BIpecuOS6379

Best regards,
The 8Theme Team

#394241 Copied

Arnan

Participant

May 7, 2024 at 10:16

Hi Luca, the best example I can give is the following. When I try to set the height of the tables on a single product page (for example from 800 to 1200) the changes are not saved. The green publish button remains and no longer changes to the gray color that is normally shown when updates have been processed. If I then close the page, I also get the warning that changes will not be saved if I close. (See also attachment). By the way, a programmer made the tabs scrollable for me with a bit of extra CSS. The following code was used for this:

td.woocommerce-product-attributes-item__value {
display: block;
max-height: 400px;
overflow-y: auto;
}

This works well in itself, but I would much prefer to be able to simply change and especially save via xstore.

It is true that I have activated the two plugins again. I previously deactivated/removed this, but the problem persisted. I also contacted the developer of the plugins and he resolved the issues with an update. So I don’t think that the problem arises there, but that something goes wrong somewhere else and saving changes does not work.

Files is visible for topic creator and
support staff only.

#394247 Copied

Luca Rossi

Support staff

May 7, 2024 at 12:02

Dear Arnan,

We hope this message finds you well.

We are currently experiencing an issue where values are not being saved properly on our platform. Although we are able to click the save button, the entered values disappear upon refreshing the page.

We suspect that this may be related to a caching problem. Could you kindly assist us by disabling all third-party and cache plugins? Once this has been done, please check the functionality again to see if the issue persists.

Thank you for your attention to this matter. We look forward to your prompt response.

Best regards,
The 8Theme Team

#394263 Copied
Tagged: best selling themes, customizable tabs menu, enhanced woocommerce features, extra possibilities, re-style options, woocommerce themes
Viewing 20 results - 1 through 20 (of 20 total)