Adobe Community: Message List - Hide content with {tag_instock, true}

Re: Hide content with {tag_instock, true}

forums_noreply@adobe.com — Mon, 07 Jan 2013 09:33:38 GMT

No worries, glad it worked!

Re: Hide content with {tag_instock, true}

forums_noreply@adobe.com — Mon, 07 Jan 2013 06:47:57 GMT

Justin you beauty! thanks champ!

Re: Hide content with {tag_instock, true}

forums_noreply@adobe.com — Mon, 07 Jan 2013 03:10:57 GMT

Hey Wes,

Of course, I forgot about the new inventory control! So you need the code to run when the <select> is clicked.

Since you're going straight to cart when you buy a product you don't really need the code running when the add to cart button is pressed so replace the last line with:

$('.catProdAttributeItem select').click(displaySlaves)

Cheers,
Justin

Re: Hide content with {tag_instock, true}

forums_noreply@adobe.com — Sun, 06 Jan 2013 07:25:53 GMT

Hey Justin,

Thanks again mate for your help! I've put your script into the product details page of my site:

http://www.kiph.co.za/all-products/save-water-graphic-tee

if the product loads an initial stock value of 0 the script works perfectly, however if i change the attribute variation to eg: "small" size nothing happens.

unlike the product grouping dropdown, the new attribute dropdown doesn't refresh the page...

Regards,

Wes

Re: Hide content with {tag_instock, true}

forums_noreply@adobe.com — Sun, 06 Jan 2013 03:46:39 GMT

Hi Wes,

This is untested, but you could check initially on page load as well as each time the add to cart button is clicked.

You really just need to re-run the code whenever the value changes.

Something like this perhaps: http://jsfiddle.net/M6GZb/

You can manually test it by changing the span value then pressing run. I have not tested this live in BC to make sure it works with the add to cart button. BC is known for killing DOM in eCommerce.

I've also made a couple of assumptions like your add to cart button being the standard BC image and inside the quantity UL LI. You might need to adjust a couple of things to make it work with your setup.

Replace the span in jsFiddle with {tag_instock,true} when you test it in BC.

Let me know if that works for you.

Cheers,
Justin

Re: Hide content with {tag_instock, true}

forums_noreply@adobe.com — Sat, 05 Jan 2013 18:40:30 GMT

Hi Justin,

Thanks for the response! I did try the following script:

<div id="stock">{tag_instock, true}</div>

$(document).ready(function(){

var n = $("#stock").text();

$("#slave1").css("display", (n < 1) ? "inline" : "none");

$("#slave2").css("display", (n < 1) ? "inline" : "none");

});

</script>

excuse my syntax, I'm still a novice at JavaScript. Problem was that if you change the attribute the script wouldn't react to it. In other words the script would only react to the default stock value the page loads with.

any ideas?

Wes

Re: Hide content with {tag_instock, true}

forums_noreply@adobe.com — Sat, 05 Jan 2013 15:33:56 GMT

Hey Wes.

You could hide the span using CSS, then tell Javascript/jQuery to also hide the form if the span has a 0, if it has any other number leave as is? Javascript numerics is pretty handy, you can do all sorts with it.

Kind regards,
Justin

Hide content with {tag_instock, true}

forums_noreply@adobe.com — Sat, 05 Jan 2013 13:56:20 GMT

Hi there,

I need to show a form when an item is out of stock on the product details page. With the grouping function it was easy class="stockout-{tag_instock}" would call a class to hide ("stockout-1") or to display ("stockout-0").

HOWEVER, with attributes you need to use the {tag_instock, true} tag which DOESN'T simply output a 0 or 1! It however outputs the number of stock items within <span> tags. This prevents me from using this css trick to show and hide content.

eg: <span class="catInStock catInStock_6190581">0</span>

I've explored various options ranging from jquery to content holders but nothing seems to work. If you could suggest anything I would be really grateful!

Maybe a Json script?

Kind regards,

Wes