For the shopmyzfa.com website, they needed to display their newest products on their own page. To do this I created a new CMS page entitled, go figure, “New Arrivals”. Using the ‘custom design’ options that Magento affords for each CMS page I added a block to pull all the products that are marked as ‘new’. To mark a product as new one must have set a date for the “Set Product as New from Date” and “Set Product as New to Date” options in the “General” product information page in the admin. Failure to mark these will keep the block from displaying anything at all.

jQuery also affords the ability to trigger multiple events in succession using ‘string succession’.  The callback is not sent any arguments, but this is set to the DOM element being animated. If multiple elements are animated, it is important to note that the callback is executed once per matched element, not once for the animation as a whole.

Utilizing vanilla show/hide/toggle is a perfectly legitimate way to use said functions but when we start plugging in effects to the .show and .hide events, we really start to see the eye-candy that jQuery can offer.  Using the same frame that we did in my last post on jQuery .show and .hide, we’ll add in a bit of eye candy to make this a cooler transition.