How to change settings of Off-canvas element

This topic has 16 replies, 3 voices, and was last updated 1 weeks, 4 days ago ago by Tony Rodriguez

  • Avatar: Rok
    Rok
    Participant
    November 16, 2025 at 11:18

    I need to get access to the Titles of elements in the off-canvas cart. Because it’s breaking the page structure. Instead of h4 I need h2, or even, wrap in span and do not show in the structure.
    Also is not clear what “Recommended for you Refresh” means. What does it mean, do I need it, how to edit, turn on/off. Thanks

    Files is visible for topic creator and
    support staff only.
    15 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 16, 2025 at 18:51

    Hello @Rok,

    If you would like to change the product title tag from the default h4 to a custom tag – h2, you can use the following custom snippet (add it to xstore-child/functions.php):

    add_filter('etheme_woocommerce_mini_cart_product_title_tag', function($tag) {
        return 'h2'; 
    });

    Note: to see the changes you need to either remove or add any product to refresh the mini-cart cached content.

    The text you see, “Recommended for you Refresh”, comes from the Header Ajax Search functionality from Show trending searches (https://prnt.sc/-KBdnW9i9_uH). If you prefer to disable this feature, you can simply turn off the corresponding option.

    Best regards,
    Jack Richardson
    8Theme Team

    Avatar: Rok
    Rok
    Participant
    November 16, 2025 at 19:33

    It works. Thank you so much. One more question.
    So, that part is at the top of the header, and it works with the Home Page because the h1 is hidden there, and I’m okay with this. However, if you check the Product Page or any other page with a non-hidden H1, it breaks the page structure again. What approach do you recommend, or how is it possible to fix? H1 should be at the top of the page. Do you know what I mean?

    I like that off-canvas cart, but I want to follow SEO basic rules.
    Thanks

    Files is visible for topic creator and
    support staff only.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 16, 2025 at 21:00

    Hello @Rok,

    If you would like to modify the tag of the XStore Products grid, list, or carousel widgets, you can find the appropriate setting here: https://prnt.sc/XRK_2FPxaQz1.

    If you wish to modify the tags of certain content in the header, please locate the widgets containing the relevant text and adjust the tag options (if available), or replace those widgets with others.

    If you require our assistance, please clarify which specific widgets in your header have incorrect tags. Should you have any additional questions, kindly provide more details along with screenshots or videos.

    Best regards,
    Jack Richardson
    The 8Theme Team

    Avatar: Rok
    Rok
    Participant
    November 16, 2025 at 21:20

    You didn’t quite understand my initial explanation, so I’ll clarify.

    On the home page, I don’t want to visually display the H1, but I still need it for SEO. That’s why I created a 1px block with H1 content — search engines can read it, but users don’t really see it. With this solution, the structure on the home page is now correct: H1 at the top, then the off-canvas cart block, and then the rest of the content.

    On all other pages (product pages, categories, etc.) the situation is different. There, I do need to show the H1 title at the top of the content. However, the off-canvas cart is currently rendered above the H1 and uses an (< h2 >) tag. As a result, the heading structure becomes: H2 (off-canvas cart), then H1 (page title), then the rest of the content – which is not ideal for search engines.

    My question is:
    Can we use the provided code, but change the tag from h2 to to fix the heading structure?

    I already changed it, and after that, some additional elements appeared (you can see them in the screenshot): Total Impressions, Total Clicks, Total Users, Total Sessions.
    1. Can I safely use instead of h2 for this filter?
    2. If yes, how can I hide these newly added elements?

    Thanks.

    Files is visible for topic creator and
    support staff only.
    Avatar: Rok
    Rok
    Participant
    November 16, 2025 at 21:25

    Idk what is wrong with the previous text. sorry

    Avatar: Rok
    Rok
    Participant
    November 16, 2025 at 21:51

    I noticed, after some time, they are hiding. But I figured, which exact elements they are

    Files is visible for topic creator and
    support staff only.
    Avatar: Rok
    Rok
    Participant
    November 16, 2025 at 23:55

    New issue detected. check screenshot

    Files is visible for topic creator and
    support staff only.
    Avatar: Rok
    Rok
    Participant
    November 17, 2025 at 00:14

    Also, the same problem exists if an item is added to the Wishlist

    Files is visible for topic creator and
    support staff only.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 17, 2025 at 08:01

    Hello @Rok,

    The issue with the broken structure of your mini-cart was caused by an incorrect snippet you implemented (https://prnt.sc/bvHk4jrMjYEs). We have corrected it according to the solution we previously suggested in our earlier reply (https://www.8theme.com/topic/how-to-change-settings-of-off-canvas-element/#post-459973).

    Regarding your inquiry about the “Total impressions,” “Total clicks,” and similar texts, we were unable to locate such content on your page. It is possible that these texts are being added by one of your browser tools. You may verify this by checking other websites or by using a different tool. If you could clarify which tool you are currently using, we would be happy to check it on our end.

    We have also resolved the issue with the wishlist and compare mini-content by adding the following snippets in your child-theme/functions.php:

    add_filter('etheme_woocommerce_mini_wishlist_product_title_tag', function($tag) {  
        return 'h2';  
    }, 999);  
    
    add_filter('etheme_woocommerce_mini_compare_product_title_tag', function($tag) {  
        return 'h2';  
    }, 999);

    However, we believe there is no need to modify such strings for SEO purposes, as SEO testing tools typically analyze websites in “incognito” mode, where the mini-wishlist and mini-cart content are empty.

    If you have any further questions, please feel free to contact us.

    Best regards,
    Jack Richardson
    8Theme Team

    Avatar: Rok
    Rok
    Participant
    November 18, 2025 at 07:36

    Hi, thank you so much. The code was updated, checking how it works.
    You asked me about the plugin. I use the HeadingsMap Google Chrome extension.
    Tested in incognito mode – It shows “Sign up today…”

    Files is visible for topic creator and
    support staff only.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 18, 2025 at 08:07

    Hello @Rok,

    We have reviewed several single products using the mentioned extension, and the structure appears to be correct: https://prnt.sc/cKjP0hw0QnC5.

    On single posts, there are a few issues; however, most of them can be resolved within the post content: https://prnt.sc/Jub_QCBuxgj8. Some widgets contain tags that are outside the proper SEO structure of the page.

    For the Author Box widget with the incorrect H4 heading: https://prnt.sc/HMDGDg2rhFXo, you can adjust the tag in the widget settings: https://prnt.sc/fNDlyv3ym4j7.

    For the Sidebar widgets, you can modify the tag in the widget title section: https://prnt.sc/bZ25gIq1iZgu.

    On other pages, such as the About Us page, you can change the widget tags directly in the page content: https://prnt.sc/CO9wfEcI24RZ, https://prnt.sc/zgwCaPP5vMdz.

    If you have any further questions, please feel free to submit them on our support forum.

    Best regards,
    Jack Richardson
    8Theme Team

    Avatar: Rok
    Rok
    Participant
    November 18, 2025 at 08:17

    So, it looks like the best option is not to use H tags there. P or Span should work. Can you please modify the code to replace titles in off-canvas elements in Wishlist, Cart, Compare items, and Login?
    I tried to replace it in your code, but it doesn’t work. So if you know what the problem is, and know how to test, pls provide working code.
    Thank you so much

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 18, 2025 at 08:41

    Hello @Rok,

    Could you please provide us with a few screenshots of the mentioned tags? We have checked the wishlist, cart, and account off-canvas widgets, and the ‘span’ tags appear to be displayed correctly (based on the snippets we provided to you).

    Best regards,
    Jack Richardson
    The 8Theme Team

    Avatar: Rok
    Rok
    Participant
    November 21, 2025 at 09:02

    Thanks for the support! My topic “How to change settings of Off-canvas element” has been successfully resolved.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 21, 2025 at 09:02

    Dear Rok,

    We really appreciate your time and engagement within the WordPress & WooCommerce community

    Your feedback drives every improvement we make in XStore — helping us deliver a smoother and more flexible experience with each update.

    Your input makes a real difference.

    Topic closed.
    The 8Theme Team

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

The issue related to '‘How to change settings of Off-canvas element’' has been successfully resolved, and the topic is now closed for further responses

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