Posted on 16 Aug 2022, this text provides information on Bugs & Fixes related to General Tech. Please note that while accuracy is prioritized, the data presented might not be entirely correct or up-to-date. This information is offered for general knowledge and informational purposes only, and should not be considered as a substitute for professional advice.
I want to implement a showmore jquery element to my woocommerce page, but it doesn´t show up on the normal version of the site. It shows only on the customizer preview and works well, there.
I´ve tested a lot of different jquery toggle codes and it´s always the same... I have no caching, could it be some kind of javascript problem of the theme? I don´t get why it makes a difference in the customizer preview...
This is my code, that works in the customizer version, but not in the normal one:
functionAddReadMore(){//This limit you can set after how much characters you want to show Read More.var carLmt =280;// Text to show when text is collapsedvar readMoreTxt =" ... Read More";// Text to show when text is expandedvar readLessTxt =" Read Less";//Traverse all selectors with this class and manupulate HTML part to show Read More
$(".addReadMore").each(function(){if($(this).find(".firstSec").length)return;var allstr = $(this).text();if(allstr.length > carLmt){var firstSet = allstr.substring(0, carLmt);var secdHalf = allstr.substring(carLmt, allstr.length);var strtoadd = firstSet +""+ secdHalf +""+ readMoreTxt +""+ readLessTxt +"";
$(this).html(strtoadd);}});//Read More and Read Less Click Event binding
$(document).on("click",".readMore,.readLess",function(){
$(this).closest(".addReadMore").toggleClass("showlesscontent showmorecontent");
No matter what stage you're at in your education or career, TuteeHUB will help you reach the next level that
you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice
sessions to improve your knowledge and scores.
manpreet
Best Answer
2 years ago
I want to implement a showmore jquery element to my woocommerce page, but it doesn´t show up on the normal version of the site. It shows only on the customizer preview and works well, there.
I´ve tested a lot of different jquery toggle codes and it´s always the same... I have no caching, could it be some kind of javascript problem of the theme? I don´t get why it makes a difference in the customizer preview...
This is my code, that works in the customizer version, but not in the normal one: