CeiKay

Image Effect CK allows you to add some nice effects on your images into your editor. You just have to add the needed CSS class or attribute on the desired images.
<h3>Features</h3>
On any image into your website you can add the effect you want. You can choose to have different effects in the same page.
<ul>
<li>Applies to any image in the page</li>
<li>You can add the effect you want to each image</li>
<li>Responsive behavior</li>
<li>Animated caption that is automatically generated from the title tag of the image</li>
<li>No HTML knowledge required, just add the CSS class on the image</li>
<li>Possibility to add a link on the image</li>
</ul>
Using Image Effect CK you don’t have to wrap your image with some HTML tag or add any additional code, just set the CSS class and the title on your image and that’s all !
<h3>How to use it</h3>
The only thing you have to do is to add the CSS class on your image. You can use your editor is it has the ability to set a class, or edit the source code to add the class manually to the image tag. The caption is automatically created from the title tag of the image. Example of image source code :
<img src=”/images/yourimage.jpg” class=”effectck-lily” title=”My title::A little description” />
See the demo for the list of available classes and effects.
Note that you can set a title and desciption using the separator “::” into the title tag.
Get more informations and see the demo on https://www.ceikay.com

Image Effect CK

Image Effect CK allows you to add some nice effects on your images into your editor.

Website366.com

Add effects when hovering over product Loop woocommerce, display more photo gallery, enlarge product photo gallery
Thêm hiệu ứng khi hover sản phẩm Loop woocommerce, hiển thị thêm thư viện ảnh, phóng to thư viện ảnh sản phẩm
Video
<iframe loading="lazy" title="Wordpress Product Image Hover Effects WOOC - WPSHARE247 plugin" width="750" height="422" src="https://www.youtube.com/embed/QV14Olk9xJU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Features
<ul>
<li>There are many effects to change</li>
<li>Show product photo gallery</li>
<li>photo gallery border</li>
<li>Photo gallery border color</li>
<li>Photo gallery location</li>
<li>Outline of the product</li>
<li>Product border color</li>
<li>Create product shadow</li>
</ul>
Tính năng
<ul>
<li>Có nhiều hiệu ứng để thay đổi</li>
<li>Hiển thị thư viện ảnh sản phẩm</li>
<li>Bo góc thư viện ảnh</li>
<li>Màu viền thư viện ảnh</li>
<li>Vị trí thư viện ảnh</li>
<li>Viền ngoài sản phẩm</li>
<li>Màu viền sản phẩm</li>
<li>Tạo bóng sản phẩm</li>
</ul>
Front page
Change the number of photo galleries with filter ** ws247_piew_small_gallery_limit **, default : 4, 
add below code into functions.php
Thay đổi số lượng thư viện ảnh bằng filter ws247_piew_small_gallery_limit, mặc định là 4, 
Thêm đoạn code bên dưới vào file: functions.php
<pre><code>add_filter( 'ws247_piew_small_gallery_limit', 'your_new_piew_small_gallery_limit');
function your_new_piew_small_gallery_limit(){
 $new_limit = 3;
 return $new_limit;
}
</code></pre>
Liên hệ – Contact Us
Professional website design – Thiết kế website chuyên nghiệp: <a href="https://tbay.vn" rel="nofollow ugc">tbay.vn</a> 
Web design – Thiết kế web trọn gói: <a href="https://website366.com" rel="nofollow ugc">website366.com</a> 
Sample Website – Thiết kế web giá rẻ: <a href="https://waoweb.vn" rel="nofollow ugc">waoweb.vn</a> 
Wordpress Share – Học wordpress: <a href="https://wpshare247.com" rel="nofollow ugc">wpshare247.com</a> 
Web Content – Viết bài chăm sóc web: <a href="http://vietbaigiare.com" rel="nofollow ugc">vietbaigiare.com</a>

Product Image Hover Effects WOOC – WPSHARE247

Add effects when hovering over product Loop woocommerce, display more photo gallery, enlarge product photo gallery Thêm hiệu ứng khi hover sản phẩm L …

Image Effect CK vs Product Image Hover Effects WOOC – WPSHARE247