Extra possibilities for tabs menu to re-style

This topic has 14 replies, 4 voices, and was last updated 1 months ago ago by Luca Rossi

  • Avatar: Arnan
    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.
    13 Answers
    Avatar: Tony Rodriguez
    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.
    Avatar: Arnan
    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?

    Avatar: Arnan
    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?

    Avatar: Arnan
    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.
    Avatar: Tony Rodriguez
    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

    Avatar: Arnan
    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?

    Avatar: Tony Rodriguez
    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.
    Avatar: Arnan
    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.
    Avatar: Rose Tyler
    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

    Avatar: Arnan
    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.
    Avatar: Justin
    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

    Avatar: Arnan
    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!

    Avatar: Justin
    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

  • Viewing 14 results - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.