• Resolved omarcopolo

    (@omarcopolo)


    Hi

    Since the last update of The product collection block, I have to choose for a Hn Tag (H1 to H6) for the product title.

    But I don’t want any Hn tag on product title because I use it in blog article to introduce products and I already have Hn structure. In previous version, no Hn tag was added on product title.

    How can I do that ?

    Thanks ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support shahzeen(woo-hc)

    (@shahzeenfarooq)

    Hi there!

    I can understand your concern. By default, the product title appears in a heading tag, and there is no option to remove the heading tag from the product title. I have downgraded to version 9.3.3, and I can still see the title appearing in the heading tag. Could you please provide more information about which version you are seeing the title without the heading tag?

    However, you can remove the heading tag and replace it with a <p> tag through customization. Unfortunately, we do not provide support for customizations.

    If you need more in-depth support or want to consider professional assistance for customization, I can recommend?WooExperts?and?Codeable.io?as options for getting professional help. Alternatively, you can also ask your development questions in the??WooCommerce Community Slack?as custom code falls outside our usual?scope of support.

    Thread Starter omarcopolo

    (@omarcopolo)

    Hi

    I do not remember the exact version but it was couple months ago when customization bloc settings looks like that :

    https://postimg.cc/GTnTN9DH

    Unfortunately heading tag on title product for blocks is not always seo-friendly

    Plugin Support Reynier (a11n)

    (@reynierc)

    Hi @omarcopolo

    Thanks for sharing the screenshot! I understand that SEO-friendly practices are important for your blog articles. Here’s a suggestion, if possible, use the block’s settings to select the least impactful Hn tag like H6, hopefully which won’t interfere as much with your article’s existing structure. Then, apply custom CSS under Appearance > Customize to style it as plain text as such:

    /* If the product title is specifically wrapped in a heading tag like h6, you can target it like this */
    .wp-block-post-title h6 {
    font-size: 16px; /* Example size; adjust as needed */
    font-weight: normal;
    margin: 0;

    This custom CSS depends on whether your product title has any custom classes, which can vary based on your theme. In case you have a custom class, you can find it by right-clicking the product title in your published product collection block and select “Inspect” or “Inspect Element,” depending on your browser. This will open the developer tools and highlight the HTML for the product title. Here’s an example of what it looks like on Firefox: https://snipboard.io/EkOJth.jpg

    Please note that, as @shahzeenfarooq mentioned, customizations like this are a bit beyond our scope of support. If you need further customizations, I recommend reaching out to a developer through WooCommerce Community Slack or customizations page. I hope this initially points you in the right direction! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.