Woocommerce – Single Product Page – Product Name Missing

  • Resolved allstarsft

    (@allstarsft)


    1 year, 4 months ago

    Hi,

    Using OceanWP currently —

    Just suddenly realised — why is the Product Name missing from the page — It used to be together with my Social Sharing buttons in “div.summary.entry-summary” Section.

    I checked with OceanWP Tech support, they found out that this coding in css is causing the issue : (And it was Elementor settings that caused it – but I do not know what would that be)

    https://snipboard.io/nMNomr.jpg

    .elementor-page-title, h1.entry-title {
    display: var(--page-title-display);
    }

    They informed me to use this code to resolve — in Additional/Custom CSS under Customizer : 

    .woocommerce div.product div.summary .product_title {
    display: block;
    }

    https://snipboard.io/PSdBj5.jpg

    But I felt this is not the right way — since the problem suddenly occurred out of nowhere, have to try to resolve it rather than adding additional css to resolve the issue.

    — Found if I toggled this css coding off will resolve the issue — 

    :root {
    --page-title-display: none; 
    }

    https://snipboard.io/ZMpW3l.jpg

    https://snipboard.io/QeSX3b.jpg

      Would appreciate if you could pin point what is the root cause so that I can get it right — rather than using Additional CSS to “partially” resolve it.

      Thanks.

      Regards

      Faustine

      The page I need help with: [log in to see the link]

    Viewing 4 replies - 1 through 4 (of 4 total)
    • Thread Starter allstarsft

      (@allstarsft)

      1 year, 4 months ago

      Also, if I uninstalled Elementor – Product Title will appear above the Social Share buttons as per what it should be.

      Elementor installed — Product Title went missing again….

      Sergiov

      (@sve01)

      11 months ago

      Dear {{customer.firstName}},

      I’m Sergio from the Elementor Support Team—thank you so much for your patience, and I sincerely apologize for the delay in getting back to you.

      I understand some time has passed, and it’s possible that the issue has already been resolved.

      Please understand that we can’t provide support concerning third-party plugins or themes, given that we have no control over them and can’t guarantee they will be fully compatible with Elementor.

      I’d recommend contacting the WPOcean support team, so they may further troubleshoot and provide you with a possible fix.

      Thread Starter allstarsft

      (@allstarsft)

      11 months ago

      Hi @sve01

      The issue is still there… OceanWP’s support asked me to contact you guys for solution though…

      Because of this code :

      .elementor-page-title, h1.entry-title {
      display: var(--page-title-display);
      }

      Temporary I have only used their suggestion to add “display: block” to make the Product Title appear. — The underlying issue is still there…

      Thanks.

      Regards

      Faustine

      Danny

      (@dannyfoo)

      7 months, 2 weeks ago

      I’m facing a similar issue now with my following setup:

      • Elementor v3.32.2
      • WooCommerce v10.2.1
      • Astra theme v4.11.12

      And from inspecting the element, I see that var(–page-title-display) is being added to h1.entry-title into my post via this path; /wp-content/uploads/elementor/css/post-xxxxx.css

    Viewing 4 replies - 1 through 4 (of 4 total)

    The topic ‘Woocommerce – Single Product Page – Product Name Missing’ is closed to new replies.