Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1375296
    Ann
    Participant

    Hey there,

    I’m trying to customize the title inside the product description box for woocommerece but nothing happens.

    I added this:
    jQuery(“li.description_tab > a”).html(“Additional Designer Information”);
    jQuery(“.page-id-1962 #tab-description h2”).html(“customtitle”);

    And the first string works fine, but nothing happens for the second.

    Site: https://onlineconsigncouture.com/

    Thanks!

    Ann

    #1375514
    Ann
    Participant

    One more question here, is it possible to hide this “additional information” box on certain pages?

    #1375583
    Jade
    Moderator

    Hi Ann,

    Would you mind providing the direct link to the page where you want to use the custom tab description?

    Thank you.

    #1375589
    Ann
    Participant
    #1375975
    Rue Nel
    Moderator

    Hello Ann,

    Thanks for updating in! You will have to edit the JS code and make use of this;

    
    jQuery("li.description_tab > a").html("Additional Designer Information");
    jQuery(".x-tab-content .description_pane h2").html("customtitle");

    Please let us know how it goes.

    #1375997
    Ann
    Participant

    That worked 🙂

    I tried to add the page number like below, but that didn’t work though.

    jQuery(“.page-id-1125 .x-tab-content .description_pane h2”).html(“customtitle”);

    Is there a way to disable the box on certain pages?

    Thanks!
    Ann

    #1376028
    Friech
    Moderator

    Hi Ann,

    Are you sure that is the correct id (1125)? I did check the page/posts you linked above but none of them have that ID.

    And those product page does not have an page-id-xxxx class, they have postid-xxxxx instead.

    Thanks.

    #1376032
    Ann
    Participant

    I’m not sure where I got that number from but I just tried it again for this page: https://onlineconsigncouture.com/boutique/ines-di-santos-samaly-wedding-dress/

    The number for product pages would still be the same as any other page, right? See attached image for where I took the number from.

    Tanks again!

    Ann

    #1376056
    Friech
    Moderator

    Hi Ann,

    Yup, but its not page-id-59. It should be .postid-59

    Thanks.

    #1376277
    Ann
    Participant

    Ohhhh now I get it! Haha, sorry!

    How do I add the other pages? I think I need something to separate the strings, don’t I?

    jQuery(“.postid-1263 .x-tab-content .description_pane h2”).html(“The Story About Liancarlo”);
    jQuery(“.postid-1125 .x-tab-content .description_pane h2”).html(“The Story About Romona Keveza”);
    jQuery(“.postid-59 .x-tab-content .description_pane h2”).html(“The Story About Ines Di Santo”);

    #1376643
    Rue Nel
    Moderator

    Hello There,

    Thanks for updating in! Yes you are on the right track. Getting the product post id and have the jquery line added just like you did.

    If you need anything else, please let us know.

    #1376646
    Ann
    Participant

    I did exactly as the above but when I did, the titles were removed again.. It only works when adding one line for some reason.

    #1376796
    Christopher
    Moderator

    Hi there,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks.

    #1376809
    Ann
    Participant
    This reply has been marked as private.
    #1376897
    Rue Nel
    Moderator

    Hello There,

    Thanks for updating in!

    It turns out that you have inserted invalid quotes.

    Please make use of this code instead:

    jQuery("li.description_tab > a").html("Additional Information");
    jQuery(".postid-1540 .x-tab-content .description_pane h2").html("The Story About Monique Lhuillier");
    jQuery(".postid-1263 .x-tab-content .description_pane h2").html("The Story About Liancarlo:");
    jQuery(".postid-1125 .x-tab-content .description_pane h2").html("The Story About Romona Keveza");
    jQuery(".postid-59 .x-tab-content .description_pane h2").html("The Story About Ines Di Santo");

    Please let us know how it goes.

  • <script> jQuery(function($){ $("#no-reply-1375296 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>