terrytsang

<p>A WooCommerce plugin that apply CSS3 Tags & Stitched Effect style design for WooCommerce product meta (SKU, categories and tags)</p>
<p>In WooCommerce Sidebar Panel, there will be a new menu link called ‘Product CSS3 Tags’ where you can update the options.</p>
<p>The list of options for the section above:</p>
<ul>
<li>Enabled Product CSS3 Design</li>
<li>Show Product SKU  </li>
<li>Show Product Categories</li>
<li>Show Product Tags</li>
<li>Use CSS3 Stitched Effect that apply for SKU and Categories</li>
<li>Product Tags Color Scheme</li>
<li>Change SKU text to any text you prefer (for example: Model, Product Code)</li>
</ul>
<h4>In addition to these features, over 20 WooCommerce extensions are available:</h4>
<ul>
<li><a href="http://terrytsang.com/shop/shop/woocommerce-facebook-share-like-button/" rel="nofollow ugc">Facebook Share Like Button</a> – add Facebook Share and Like button at product page.</li>
<li><a href="http://terrytsang.com/shop/shop/woocommerce-custom-checkout-options/" rel="nofollow ugc">Custom Checkout Options</a> – implement customization for entire checkout process.</li>
<li><a href="http://terrytsang.com/shop/shop/woocommerce-social-buttons-pro/" rel="nofollow ugc">Social Buttons PRO</a> – additional 9 social share buttons where you can engage more audience.</li>
<li><a href="http://terrytsang.com/shop/shop/woocommerce-extra-fee-option-pro/" rel="nofollow ugc">Extra Fee Option PRO</a> – add multiple extra fee for any order with multiple options.</li>
<li><a href="http://terrytsang.com/shop/shop/woocommerce-custom-product-tabs/" rel="nofollow ugc">Custom Product Tabs</a> – add multiple tabs to WooCommerce product page.</li>
<li><a href="http://terrytsang.com/shop/shop/woocommerce-facebook-social-plugins/" rel="nofollow ugc">Facebook Social Plugins</a> – implement Facebook Social Plugins that let the users liked, commented or shared your site’s contents.</li>
<li><a href="http://terrytsang.com/shop/shop/woocommerce-custom-payment-method/" rel="nofollow ugc">Custom Payment Method</a> – customise the custom payment method with flexible options.</li>
<li><a href="http://terrytsang.com/shop/shop/woocommerce-custom-shipping-method/" rel="nofollow ugc">Custom Shipping Method</a> – define own settings for custom shipping method.</li>
<li><a href="http://terrytsang.com/shop/shop/woocommerce-donation-tip-checkout/" rel="nofollow ugc">Donation/Tip Checkout</a> – add donation/tip amount option for their customers at WooCommerce checkout page.</li>
<li><a href="http://terrytsang.com/shop/shop/woocommerce-product-badge/" rel="nofollow ugc">Product Badge</a> – add mulitple badges to the products.</li>
<li><a href="http://terrytsang.com/shop/shop/woocommerce-facebook-login-checkout/" rel="nofollow ugc">Facebook Connect Checkout</a> – implement Facebook Login so that new customers can sign in woocommerce site by using their Facebook account.</li>
<li><a href="http://terrytsang.com/shop/shop/woocommerce-product-catalog/" rel="nofollow ugc">Product Catalog</a> – turn WooCommerce into a product catalog with a few clicks.</li>
<li><a href="http://terrytsang.com/shop/shop/woocommerce-coming-soon-product/" rel="nofollow ugc">Coming Soon Product</a> – show ‘Coming Soon’ default message and countdown clock for pre launch product</li>
</ul>
<p>and many more…</p>
<h4>Free & Popular WooCommerce Bundle extensions:</h4>
<ul>
<li><a href="http://terrytsang.com/shop/shop/woocommerce-free-extensions-bundle/" rel="nofollow ugc">WooCommerce Free Extensions Bundle</a> – 5 free plugins in 1 download</li>
<li><a href="http://terrytsang.com/shop/shop/woocommerce-popular-extensions-bundle/" rel="nofollow ugc">WooCommerce Popular Extensions Bundle</a> – 5 unlimited licenses premium plugins with only $99</li>
</ul>


WooCommerce Product CSS3 Tags

A WooCommerce plugin that apply CSS3 Tags & Stitched Effect style design for WooCommerce product meta (SKU, categories and tags)

Virgildia

<p>Add scroll based animations to WordPress Gutenberg blocks.</p>
<h4>Features</h4>
<ul>
<li>Choose from 76 cross-browser CSS3 animations or add your own</li>
<li>Preview animations in the editor</li>
<li>Adjust the animation duration, delay, scroll threshold, and offset</li>
</ul>
<h4>Settings</h4>
<ul>
<li>Duration: The speed of the animation in milliseconds.</li>
<li>Delay: How many milliseconds to wait before animating the element.</li>
<li>Threshold: Add animation when x% of the element enters the screen.</li>
<li>Start with opacity 0: Set the element to opacity 0 when the page loads. The option works for elements transitioning to 100% opacity through CSS.</li>
<li>Offset Top (available in the block’s advanced settings): Number of pixels to offset the animated block from the top of the page. Useful when a page has a fixed top navigation bar.</li>
<li>Class name “ab-animation-end” is added to the animated block after the CSS animation has ended. This class name can be used to add custom styles.</li>
</ul>
<h3>Requirements</h3>
<p>PHP 5.6+ is recommended, WordPress 5.0+, and Gutenberg must be active.</p>
<h3>Documentation</h3>
<p>Select Animated Block from the Layout Elements group and add any content blocks within it. Select an animation from the dropdown list or add your own custom CSS class. The selected animation or custom CSS class will be added to the block when the user scrolls to it.</p>
<p>Animated Block is a parent block (a container), nesting as many blocks as you want.</p>


Animated Blocks on Scroll

Add scroll based animations to WordPress Gutenberg blocks.

WooCommerce Product CSS3 Tags vs Animated Blocks on Scroll