I wouldnt know how to do it? its in the backend text block editor. it’s not a front-end page

it worked thank you!!

So after studying your code and how it’s implemented, I was able to write a little script that I added before your code and it seems like it worked in theory. The console.log shows the create tag and it does apply to the element, but now it only shows “no current projects”.

any suggestions or ideas let me know

function empty_masonry_message_script() { ?>
    <script>
		(function($) {
			if( $('body.single-product').length || $('body.anotherclass').length ){
		var BreadTrail = $(location).attr("href");
		var BreadTrailx = BreadTrail.replace('https://staging.idgadvertising.com/tiletech/product/concrete-pavers/', '');
		BreadTrailx = BreadTrailx.replace(/\/$/, "");
		BreadTrailx = BreadTrailx.replace(/\//g,"-");
		console.log(BreadTrailx);
		
		if (BreadTrailx.indexOf("porcelain-pavers") >= 0) {
			var PageTitle = $('.rightside .av-special-heading h1.av-special-heading-tag').text();
		PageTitle = PageTitle.toLowerCase().replace(/ /g, '-');
	var MasTag = 'tag-'+PageTitle;
		console.log(MasTag);
		
		$('#av-masonry-1.projectgallery').addClass(MasTag);

		} else {
			
	var MasTag = 'tag-'+BreadTrailx;
		console.log(MasTag);
			
		$('#av-masonry-1.projectgallery').addClass(MasTag); }
		
	}
			})(jQuery);
		
		
const allCategoryClasses = [];
const elementsWithCategoryClasses = document.querySelectorAll("#av-masonry-1[class*='tag-']");
const elementsCount = elementsWithCategoryClasses.length != null;

for (let i = 0; i < elementsCount; ++i) {
  Array.prototype.push.apply(
    allCategoryClasses,
    elementsWithCategoryClasses[i].classList
  );
}
const presentClasses = {};

var tagClass = (allCategoryClasses
  .filter((classname) => {
    const present = presentClasses[classname];
    presentClasses[classname] = true;
    return classname.indexOf("tag-") == 0 && !present;
}));
(function($) {
var nocat = $('<div class="nocat">No Current Projects</div>').css({'text-align':'center','font-size': '20px'});
$('#av-masonry-1 .av-masonry-container.isotope a').each( function() {
if ($(this).children(tagClass).length != 0) {
  $(this).css({'display':'none'});
  
}
});
if($('#av-masonry-1 .av-masonry-container.isotope a').is(':hidden')){
	$(nocat).appendTo('#av-masonry-1');
}
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'empty_masonry_message_script');

• This reply was modified 2 years, 5 months ago by jgax87.

Youre right!!! I must have saw a different post and I thought different.

well now Im going to need to figure out how to figure how to put the class on all 200+ products…unless you have some idea. I was going to write a script to programmatically add the classes unless you think that wont work?

HI Mike. Sorry for the delayed response crazy week.

Well its not really a category its a portfolio tag if that make sense. I can’t unlock the site because the client has been snooping around without our permission but I will give you admin access and also link to you on example of a page.

the section where it says projects. that is where I need the message to pop up. I am using the content element: masonry to pull in projects (portfolios) that have used this product. the way it’s done is by tags. the reason being is because the portfolio grid doesn’t allow for selecting portfolio items by tags only it’s categories.

• This reply was modified 2 years, 5 months ago by jgax87. Reason: forgot to add element used and what section to look at

i saw that you made the modification to functions, but it doesn’t work. My modification doesn’t appear in the menu like how it does in the live version of the site. It works only if i apply the modification to the parent file but not child file

i got this to work! please disregard and close this thing :D

Hi Victoria and crew…any update on this?

Hi sorry for the late reply.

just on desktop. we are gonna hide search icon on mobile which i can do.

it worked thanks!

I swore i tried this code out too and it didn’t work, but i might used another from another post that was similar to the one above..but all us all works!

you may close this out!

Any word on this? Anyone?

Actually i got it to work! sorry for the back and forth. I needed to add the function to change the theme override path all is well now!

Damn okay. Well i finally got cpanel credentials but i did see that documentation but I tried to do the child theme override but it didn’t pick up i had it at

wpc-child/shortcodes/

i am not sure if should hve changed the file path or not because ive done other templete changes and it picked up.

please see link provided

Nope i am good now! Thanks though! but i still need this to be answered: https://kriesi.at/support/topic/click-anywhere-on-fullwidth-overlay-to-close/ :D :D