first commit

modules/ybc_productimagehover/views/css/fix15.css

@@ -0,0 +1,234 @@
+.product_image {
+  display: block;
+  position: relative;
+  overflow: hidden;
+  border: 1px solid #d1d1d1;
+}
+.products_block li .product_image img{
+    border: none;
+}
+.ybc_img_hover {
+  width: 100%;
+  float: left;
+}
+/*ul li.ajax_block_product .product_image {
+  border: 1px solid #d6d4d4;
+  margin-bottom: 13px;
+  padding: 9px;
+  position: relative;
+  overflow: hidden;
+}*/
+/*----------------------zoom effect------------*/
+.ajax_block_product .zoom:nth-child(2),
+.product-box .product-image .zoom:nth-child(2),
+.ajax_block_product .zoom.ybc_img_hover,
+.product-box .product-image .zoom.ybc_img_hover {
+  opacity: 0;
+  position: absolute;
+  left: 0;
+  top: 0px;
+  transform: scale(0);
+  -moz-transform: scale(0);
+  -o-transform: scale(0);
+  -ms-transform: scale(0);
+  -webkit-transform: scale(0);
+  transition: all 0.5s ease 0s;
+  -moz-transition: all 0.5s ease 0s;
+  -webkit-transition: all 0.5s ease 0s;
+  -o-transition: all 0.5s ease 0s;
+}
+.ajax_block_product:hover .zoom:nth-child(2),
+.product-box:hover .product-image .zoom:nth-child(2),
+.product-box:hover .product-image .zoom.ybc_img_hover,
+.ajax_block_product:hover .zoom.ybc_img_hover {
+  opacity: 1;
+  transform: scale(1);
+  -ms-transform: scale(1);
+  -moz-transform: scale(1);
+  -o-transform: scale(1);
+  -webkit-transform: scale(1);
+}
+.ie8 .ybc_img_hover, .ie8 .product-box .ybc_img_hover {
+    position: absolute;
+    top: 0px;
+    z-index: -1;
+    opacity: 0;
+}
+.ie8 .ajax_block_product:hover .ybc_img_hover,
+.ie8 .product-box:hover img.ybc_img_hover {
+    z-index: 0;
+}
+/*----------------------end of zoom effect------------*/
+/*----------------------fede effect-------------------*/
+.ajax_block_product .fade:nth-child(2),
+.product-box .product-image .fade:nth-child(2),
+.ajax_block_product .fade.ybc_img_hover,
+.product-box .product-image .fade.ybc_img_hover {
+  opacity: 0;
+  position: absolute;
+  left: 0;
+  top: 0px;
+  transition: all 0.5s ease 0s;
+  -moz-transition: all 0.5s ease 0s;
+  -webkit-transition: all 0.5s ease 0s;
+  -o-transition: all 0.5s ease 0s;
+}
+.ajax_block_product:hover .fade:nth-child(2),
+.product-box:hover .product-image .fade:nth-child(2),
+.product-box:hover .product-image .fade.ybc_img_hover,
+.ajax_block_product:hover .fade.ybc_img_hover {
+  opacity: 1;
+}
+/*----------------------end of fade effect-------------*/
+
+/*-----------vertical_scrolling bottom to top effect-------------------*/
+.ajax_block_product .vertical_scrolling_bottom_to_top:nth-child(2),
+.product-box .product-image .vertical_scrolling_bottom_to_top:nth-child(2),
+.ajax_block_product .vertical_scrolling_bottom_to_top.ybc_img_hover,
+.product-box .product-image .vertical_scrolling_bottom_to_top.ybc_img_hover {
+  position: absolute;
+  top:110%;
+  left: 0;
+  transition:top 0.5s ease 0s;
+  -moz-transition: top 0.5s ease 0s;
+  -webkit-transition: top 0.5s ease 0s;
+  -o-transition:top 0.5s ease 0s;
+}
+.ajax_block_product:hover .vertical_scrolling_bottom_to_top:nth-child(2),
+.product-box:hover .product-image .vertical_scrolling_bottom_to_top:nth-child(2),
+.product-box:hover .product-image .vertical_scrolling_bottom_to_top.ybc_img_hover,
+.ajax_block_product:hover .vertical_scrolling_bottom_to_top.ybc_img_hover {
+  top:0;
+}
+/*------------end of vertical_scrolling effect-------------*/
+
+/*-----------vertical_scrolling top to bottom effect-------------------*/
+.ajax_block_product .vertical_scrolling_top_to_bottom:nth-child(2),
+.product-box .product-image .vertical_scrolling_top_to_bottom:nth-child(2),
+.ajax_block_product .vertical_scrolling_top_to_bottom.ybc_img_hover,
+.product-box .product-image .vertical_scrolling_top_to_bottom.ybc_img_hover {
+  position: absolute;
+  top:-110%;
+  left: 0;
+  transition:top 0.5s ease 0s;
+  -moz-transition: top 0.5s ease 0s;
+  -webkit-transition: top 0.5s ease 0s;
+  -o-transition:top 0.5s ease 0s;
+}
+.ajax_block_product:hover .vertical_scrolling_top_to_bottom:nth-child(2),
+.product-box:hover .product-image .vertical_scrolling_top_to_bottom:nth-child(2),
+.product-box:hover .product-image .vertical_scrolling_top_to_bottom.ybc_img_hover,
+.ajax_block_product:hover .vertical_scrolling_top_to_bottom.ybc_img_hover {
+  top:0;
+}
+/*------------end of vertical_scrolling effect-------------*/
+
+/*-----------horizontal_scrolling left to right effect-------------------*/
+.ajax_block_product .horizontal_scrolling_left_to_right:nth-child(2),
+.product-box .product-image .horizontal_scrolling_left_to_right:nth-child(2),
+.ajax_block_product .horizontal_scrolling_left_to_right.ybc_img_hover,
+.product-box .product-image .horizontal_scrolling_left_to_right.ybc_img_hover {
+  position: absolute;
+  top:0;
+  left:-100%;
+  transition:left 0.5s ease 0s;
+  -moz-transition: left 0.5s ease 0s;
+  -webkit-transition: left 0.5s ease 0s;
+  -o-transition:left 0.5s ease 0s;
+}
+.ajax_block_product:hover .horizontal_scrolling_left_to_right:nth-child(2),
+.product-box:hover .product-image .horizontal_scrolling_left_to_right:nth-child(2),
+.product-box:hover .product-image .horizontal_scrolling_left_to_right.ybc_img_hover,
+.ajax_block_product:hover .horizontal_scrolling_left_to_right.ybc_img_hover {
+  left:0;
+}
+/*------------end of horizontal_scrolling effect-------------*/
+
+/*-----------horizontal_scrolling right to left effect-------------------*/
+.product-box .product-image {
+  overflow: hidden;
+  position: relative;
+}
+.ajax_block_product .horizontal_scrolling_right_to_left:nth-child(2),
+.product-box .product-image .horizontal_scrolling_right_to_left:nth-child(2),
+.ajax_block_product .horizontal_scrolling_right_to_left.ybc_img_hover,
+.product-box .product-image .horizontal_scrolling_right_to_left.ybc_img_hover {
+  position: absolute;
+  top:0;
+  right:-100%;
+  transition:right 0.5s ease 0s;
+  -moz-transition:right 0.5s ease 0s;
+  -webkit-transition:right 0.5s ease 0s;
+  -o-transition:right 0.5s ease 0s;
+}
+.ajax_block_product:hover .horizontal_scrolling_right_to_left:nth-child(2),
+.product-box:hover .product-image .horizontal_scrolling_right_to_left:nth-child(2),
+.product-box:hover .product-image .horizontal_scrolling_right_to_left.ybc_img_hover,
+.ajax_block_product:hover .horizontal_scrolling_right_to_left.ybc_img_hover {
+  right:0;
+}
+
+
+
+/*accessories product*/
+.product-image.product_image {
+  border: medium none;
+  margin: 0;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+}
+.product-box .product_desc {
+  border: 1px solid #D6D4D4;
+  padding: 5px;
+}
+/**/
+/*------------end of horizontal_scrolling effect-------------*/
+/*
+.product_img_link img
+{
+     -webkit-transform: perspective(600px) rotatey( 0deg );
+    -o-transform: perspective(600px) rotatey( 0deg );
+    transform: perspective(600px) rotatey( 0deg );    
+    -webkit-backface-visibility: hidden;
+    -o-backface-visibility: hidden;
+    backface-visibility: hidden;
+    transition: -webkit-transform 0.5s linear 0s;
+    transition: -o-transform 0.5s linear 0s;
+    transition: transform 0.5s linear 0s;
+}
+
+.product_img_link > .flip3d.ybc_img_hover{  
+    position: absolute;
+    top: 0;
+    left: 0;
+    -webkit-transform: perspective(600px) rotatey( 180deg );
+    -o-transform: perspective(600px) rotatey( 180deg );
+    transform: perspective(600px) rotatey( 180deg );
+    -webkit-backface-visibility: hidden;
+    -o-backface-visibility: hidden;
+    backface-visibility: hidden;
+    transition: -webkit-transform 0.5s linear 0s; 
+    transition: -o-transform 0.5s linear 0s;
+    transition: transform 0.5s linear 0s;            
+}
+.product-container:hover .product-image-container img:nth-child(2),
+.product-box:hover .product-image .img:nth-child(2),
+.product-box:hover .product-image .img.ybc_img_hover,
+.product-container:hover .product-image-container .img.ybc_img_hover
+{
+     -webkit-transform: perspective(600px) rotatey( -180deg ); 
+     -o-transform: perspective(600px) rotatey( -180deg );
+     transform: perspective(600px) rotatey( -180deg );            
+}
+.product-container:hover .product-image-container .flip3d:nth-child(2),
+.product-box:hover .product-image .flip3d:nth-child(2),
+.product-box:hover .product-image .flip3d.ybc_img_hover,
+.product-container:hover .product-image-container .flip3d.ybc_img_hover
+{
+     -webkit-transform: perspective(600px) rotatey( 0deg );
+     -o-transform: perspective(600px) rotatey( 0deg );
+     transform: perspective(600px) rotatey( 0deg );            
+}
+
+*/

modules/ybc_productimagehover/views/css/fix17.css

@@ -0,0 +1,155 @@
+.product-thumbnail {
+  display: block;
+  position: relative;
+  overflow: hidden;
+}
+.ybc_img_hover {
+  display: inline-block;
+  left: 0;
+  max-width: 100%;
+  top: 0;
+}
+.products .product-miniature {
+  overflow: hidden;
+  position: relative;
+}
+/*----------------------zoom effect------------*/
+.product-miniature .zoom:nth-child(2),
+.product-miniature .zoom.ybc_img_hover{
+  opacity: 0;
+  position: absolute;
+  top: 0px;
+  transform: scale(0);
+  -moz-transform: scale(0);
+  -o-transform: scale(0);
+  -ms-transform: scale(0);
+  -webkit-transform: scale(0);
+  transition: all 0.5s ease 0s;
+  -moz-transition: all 0.5s ease 0s;
+  -webkit-transition: all 0.5s ease 0s;
+  -o-transition: all 0.5s ease 0s;
+}
+.product-miniature:hover .zoom:nth-child(2),
+.product-miniature:hover .zoom.ybc_img_hover {
+  opacity: 1;
+  transform: scale(1);
+  -ms-transform: scale(1);
+  -moz-transform: scale(1);
+  -o-transform: scale(1);
+  -webkit-transform: scale(1);
+}
+.ie8 .ybc_img_hover, .ie8 .product-box .ybc_img_hover {
+    position: absolute;
+    top: 0px;
+    z-index: -1;
+    opacity: 0;
+}
+.ie8 .product-container:hover .ybc_img_hover,
+.ie8 .product-box:hover img.ybc_img_hover {
+    z-index: 0;
+}
+/*----------------------end of zoom effect------------*/
+/*----------------------fede effect-------------------*/
+.product-miniature .fade:nth-child(2),
+.product-miniature .fade.ybc_img_hover{
+  opacity: 0;
+  position: absolute;
+  top: 0px;
+  transition: all 0.5s ease 0s;
+  -moz-transition: all 0.5s ease 0s;
+  -webkit-transition: all 0.5s ease 0s;
+  -o-transition: all 0.5s ease 0s;
+}
+.product-miniature:hover .fade:nth-child(2),
+.product-miniature:hover .fade.ybc_img_hover {
+  opacity: 1;
+}
+/*----------------------end of fade effect-------------*/
+
+/*-----------vertical_scrolling bottom to top effect-------------------*/
+.product-miniature .vertical_scrolling_bottom_to_top:nth-child(2),
+.product-miniature .vertical_scrolling_bottom_to_top.ybc_img_hover {
+  position: absolute;
+  top:110%;
+  left: 0;
+  transition:top 0.5s ease 0s;
+  -moz-transition: top 0.5s ease 0s;
+  -webkit-transition: top 0.5s ease 0s;
+  -o-transition:top 0.5s ease 0s;
+}
+.product-miniature:hover .vertical_scrolling_bottom_to_top:nth-child(2),
+.product-miniature:hover .vertical_scrolling_bottom_to_top.ybc_img_hover {
+  top:0;
+}
+/*------------end of vertical_scrolling effect-------------*/
+
+/*-----------vertical_scrolling top to bottom effect-------------------*/
+.product-miniature .vertical_scrolling_top_to_bottom:nth-child(2),
+.product-miniature .vertical_scrolling_top_to_bottom.ybc_img_hover {
+  position: absolute;
+  top:-110%;
+  left: 0;
+  transition:top 0.5s ease 0s;
+  -moz-transition: top 0.5s ease 0s;
+  -webkit-transition: top 0.5s ease 0s;
+  -o-transition:top 0.5s ease 0s;
+}
+.product-miniature:hover .vertical_scrolling_top_to_bottom:nth-child(2),
+.product-miniature:hover .vertical_scrolling_top_to_bottom.ybc_img_hover {
+  top:0;
+}
+/*------------end of vertical_scrolling effect-------------*/
+
+/*-----------horizontal_scrolling left to right effect-------------------*/
+.product-miniature .horizontal_scrolling_left_to_right:nth-child(2),
+.product-miniature .horizontal_scrolling_left_to_right.ybc_img_hover {
+  position: absolute;
+  top:0;
+  left:-100%;
+  transition:left 0.5s ease 0s;
+  -moz-transition: left 0.5s ease 0s;
+  -webkit-transition: left 0.5s ease 0s;
+  -o-transition:left 0.5s ease 0s;
+}
+.product-miniature:hover .horizontal_scrolling_left_to_right:nth-child(2),
+.product-miniature:hover .horizontal_scrolling_left_to_right.ybc_img_hover {
+  left:0;
+}
+/*------------end of horizontal_scrolling effect-------------*/
+
+/*-----------horizontal_scrolling right to left effect-------------------*/
+.product-box .product-image {
+  overflow: hidden;
+  position: relative;
+}
+.product-miniature .horizontal_scrolling_right_to_left:nth-child(2),
+.product-miniature .horizontal_scrolling_right_to_left.ybc_img_hover{
+  position: absolute;
+  top:0;
+  right:-100%;
+  transition:right 0.5s ease 0s;
+  -moz-transition:right 0.5s ease 0s;
+  -webkit-transition:right 0.5s ease 0s;
+  -o-transition:right 0.5s ease 0s;
+  left: auto;
+}
+.product-miniature:hover .horizontal_scrolling_right_to_left:nth-child(2),
+.product-miniature:hover .horizontal_scrolling_right_to_left.ybc_img_hover {
+  right:0;
+}
+
+
+
+/*accessories product*/
+.product-image.product_image {
+  border: medium none;
+  margin: 0;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+}
+.product-box .product_desc {
+  border: 1px solid #D6D4D4;
+  padding: 5px;
+}
+/**/

modules/ybc_productimagehover/views/css/index.php

@@ -0,0 +1,18 @@
+<?php
+/**
+ * Copyright YourBestCode.com
+ * Email: support@yourbestcode.com
+ * First created: 21/12/2015
+ * Last updated: NOT YET
+*/
+
+				    	
+header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
+						
+header("Cache-Control: no-store, no-cache, must-revalidate");
+header("Cache-Control: post-check=0, pre-check=0", false);
+header("Pragma: no-cache");
+						
+header("Location: ../");
+exit;

modules/ybc_productimagehover/views/css/productimagehover.css

@@ -0,0 +1,228 @@
+.product_img_link {
+  display: block;
+  position: relative;
+  overflow: hidden;
+}
+.ybc_img_hover {
+  width: 100%;
+  float: left;
+}
+ul.product_list.grid > li .product-container .product-image-container {
+  border: 1px solid #d6d4d4;
+  margin-bottom: 13px;
+  padding: 9px;
+  position: relative;
+  overflow: hidden;
+}
+/*----------------------zoom effect------------*/
+.product-image-container .zoom:nth-child(2),
+.product-box .product-image .zoom:nth-child(2),
+.product-image-container .zoom.ybc_img_hover,
+.product-box .product-image .zoom.ybc_img_hover {
+  opacity: 0;
+  position: absolute;
+  top: 0px;
+  transform: scale(0);
+  -moz-transform: scale(0);
+  -o-transform: scale(0);
+  -ms-transform: scale(0);
+  -webkit-transform: scale(0);
+  transition: all 0.5s ease 0s;
+  -moz-transition: all 0.5s ease 0s;
+  -webkit-transition: all 0.5s ease 0s;
+  -o-transition: all 0.5s ease 0s;
+}
+.product-container:hover .product-image-container .zoom:nth-child(2),
+.product-box:hover .product-image .zoom:nth-child(2),
+.product-box:hover .product-image .zoom.ybc_img_hover,
+.product-container:hover .product-image-container .zoom.ybc_img_hover {
+  opacity: 1;
+  transform: scale(1);
+  -ms-transform: scale(1);
+  -moz-transform: scale(1);
+  -o-transform: scale(1);
+  -webkit-transform: scale(1);
+}
+.ie8 .ybc_img_hover, .ie8 .product-box .ybc_img_hover {
+    position: absolute;
+    top: 0px;
+    z-index: -1;
+    opacity: 0;
+}
+.ie8 .product-container:hover .ybc_img_hover,
+.ie8 .product-box:hover img.ybc_img_hover {
+    z-index: 0;
+}
+/*----------------------end of zoom effect------------*/
+/*----------------------fede effect-------------------*/
+.product-image-container .fade:nth-child(2),
+.product-box .product-image .fade:nth-child(2),
+.product-image-container .fade.ybc_img_hover,
+.product-box .product-image .fade.ybc_img_hover {
+  opacity: 0;
+  position: absolute;
+  top: 0px;
+  transition: all 0.5s ease 0s;
+  -moz-transition: all 0.5s ease 0s;
+  -webkit-transition: all 0.5s ease 0s;
+  -o-transition: all 0.5s ease 0s;
+}
+.product-container:hover .product-image-container .fade:nth-child(2),
+.product-box:hover .product-image .fade:nth-child(2),
+.product-box:hover .product-image .fade.ybc_img_hover,
+.product-container:hover .product-image-container .fade.ybc_img_hover {
+  opacity: 1;
+}
+/*----------------------end of fade effect-------------*/
+
+/*-----------vertical_scrolling bottom to top effect-------------------*/
+.product-image-container .vertical_scrolling_bottom_to_top:nth-child(2),
+.product-box .product-image .vertical_scrolling_bottom_to_top:nth-child(2),
+.product-image-container .vertical_scrolling_bottom_to_top.ybc_img_hover,
+.product-box .product-image .vertical_scrolling_bottom_to_top.ybc_img_hover {
+  position: absolute;
+  top:110%;
+  left: 0;
+  transition:top 0.5s ease 0s;
+  -moz-transition: top 0.5s ease 0s;
+  -webkit-transition: top 0.5s ease 0s;
+  -o-transition:top 0.5s ease 0s;
+}
+.product-container:hover .product-image-container .vertical_scrolling_bottom_to_top:nth-child(2),
+.product-box:hover .product-image .vertical_scrolling_bottom_to_top:nth-child(2),
+.product-box:hover .product-image .vertical_scrolling_bottom_to_top.ybc_img_hover,
+.product-container:hover .product-image-container .vertical_scrolling_bottom_to_top.ybc_img_hover {
+  top:0;
+}
+/*------------end of vertical_scrolling effect-------------*/
+
+/*-----------vertical_scrolling top to bottom effect-------------------*/
+.product-image-container .vertical_scrolling_top_to_bottom:nth-child(2),
+.product-box .product-image .vertical_scrolling_top_to_bottom:nth-child(2),
+.product-image-container .vertical_scrolling_top_to_bottom.ybc_img_hover,
+.product-box .product-image .vertical_scrolling_top_to_bottom.ybc_img_hover {
+  position: absolute;
+  top:-110%;
+  left: 0;
+  transition:top 0.5s ease 0s;
+  -moz-transition: top 0.5s ease 0s;
+  -webkit-transition: top 0.5s ease 0s;
+  -o-transition:top 0.5s ease 0s;
+}
+.product-container:hover .product-image-container .vertical_scrolling_top_to_bottom:nth-child(2),
+.product-box:hover .product-image .vertical_scrolling_top_to_bottom:nth-child(2),
+.product-box:hover .product-image .vertical_scrolling_top_to_bottom.ybc_img_hover,
+.product-container:hover .product-image-container .vertical_scrolling_top_to_bottom.ybc_img_hover {
+  top:0;
+}
+/*------------end of vertical_scrolling effect-------------*/
+
+/*-----------horizontal_scrolling left to right effect-------------------*/
+.product-image-container .horizontal_scrolling_left_to_right:nth-child(2),
+.product-box .product-image .horizontal_scrolling_left_to_right:nth-child(2),
+.product-image-container .horizontal_scrolling_left_to_right.ybc_img_hover,
+.product-box .product-image .horizontal_scrolling_left_to_right.ybc_img_hover {
+  position: absolute;
+  top:0;
+  left:-100%;
+  transition:left 0.5s ease 0s;
+  -moz-transition: left 0.5s ease 0s;
+  -webkit-transition: left 0.5s ease 0s;
+  -o-transition:left 0.5s ease 0s;
+}
+.product-container:hover .product-image-container .horizontal_scrolling_left_to_right:nth-child(2),
+.product-box:hover .product-image .horizontal_scrolling_left_to_right:nth-child(2),
+.product-box:hover .product-image .horizontal_scrolling_left_to_right.ybc_img_hover,
+.product-container:hover .product-image-container .horizontal_scrolling_left_to_right.ybc_img_hover {
+  left:0;
+}
+/*------------end of horizontal_scrolling effect-------------*/
+
+/*-----------horizontal_scrolling right to left effect-------------------*/
+.product-box .product-image {
+  overflow: hidden;
+  position: relative;
+}
+.product-image-container .horizontal_scrolling_right_to_left:nth-child(2),
+.product-box .product-image .horizontal_scrolling_right_to_left:nth-child(2),
+.product-image-container .horizontal_scrolling_right_to_left.ybc_img_hover,
+.product-box .product-image .horizontal_scrolling_right_to_left.ybc_img_hover {
+  position: absolute;
+  top:0;
+  right:-100%;
+  transition:right 0.5s ease 0s;
+  -moz-transition:right 0.5s ease 0s;
+  -webkit-transition:right 0.5s ease 0s;
+  -o-transition:right 0.5s ease 0s;
+}
+.product-container:hover .product-image-container .horizontal_scrolling_right_to_left:nth-child(2),
+.product-box:hover .product-image .horizontal_scrolling_right_to_left:nth-child(2),
+.product-box:hover .product-image .horizontal_scrolling_right_to_left.ybc_img_hover,
+.product-container:hover .product-image-container .horizontal_scrolling_right_to_left.ybc_img_hover {
+  right:0;
+}
+
+
+
+/*accessories product*/
+.product-image.product_image {
+  border: medium none;
+  margin: 0;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+}
+.product-box .product_desc {
+  border: 1px solid #D6D4D4;
+  padding: 5px;
+}
+/**/
+/*------------end of horizontal_scrolling effect-------------*/
+/*
+.product_img_link img
+{
+     -webkit-transform: perspective(600px) rotatey( 0deg );
+    -o-transform: perspective(600px) rotatey( 0deg );
+    transform: perspective(600px) rotatey( 0deg );    
+    -webkit-backface-visibility: hidden;
+    -o-backface-visibility: hidden;
+    backface-visibility: hidden;
+    transition: -webkit-transform 0.5s linear 0s;
+    transition: -o-transform 0.5s linear 0s;
+    transition: transform 0.5s linear 0s;
+}
+
+.product_img_link > .flip3d.ybc_img_hover{  
+    position: absolute;
+    top: 0;
+    left: 0;
+    -webkit-transform: perspective(600px) rotatey( 180deg );
+    -o-transform: perspective(600px) rotatey( 180deg );
+    transform: perspective(600px) rotatey( 180deg );
+    -webkit-backface-visibility: hidden;
+    -o-backface-visibility: hidden;
+    backface-visibility: hidden;
+    transition: -webkit-transform 0.5s linear 0s; 
+    transition: -o-transform 0.5s linear 0s;
+    transition: transform 0.5s linear 0s;            
+}
+.product-container:hover .product-image-container img:nth-child(2),
+.product-box:hover .product-image .img:nth-child(2),
+.product-box:hover .product-image .img.ybc_img_hover,
+.product-container:hover .product-image-container .img.ybc_img_hover
+{
+     -webkit-transform: perspective(600px) rotatey( -180deg ); 
+     -o-transform: perspective(600px) rotatey( -180deg );
+     transform: perspective(600px) rotatey( -180deg );            
+}
+.product-container:hover .product-image-container .flip3d:nth-child(2),
+.product-box:hover .product-image .flip3d:nth-child(2),
+.product-box:hover .product-image .flip3d.ybc_img_hover,
+.product-container:hover .product-image-container .flip3d.ybc_img_hover
+{
+     -webkit-transform: perspective(600px) rotatey( 0deg );
+     -o-transform: perspective(600px) rotatey( 0deg );
+     transform: perspective(600px) rotatey( 0deg );            
+}
+
+*/

modules/ybc_productimagehover/views/index.php

@@ -0,0 +1,18 @@
+<?php
+/**
+ * Copyright YourBestCode.com
+ * Email: support@yourbestcode.com
+ * First created: 21/12/2015
+ * Last updated: NOT YET
+*/
+
+				    	
+header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
+						
+header("Cache-Control: no-store, no-cache, must-revalidate");
+header("Cache-Control: post-check=0, pre-check=0", false);
+header("Pragma: no-cache");
+						
+header("Location: ../");
+exit;

modules/ybc_productimagehover/views/js/index.php

@@ -0,0 +1,36 @@
+<?php
+/*
+* 2007-2015 PrestaShop
+*
+* NOTICE OF LICENSE
+*
+* This source file is subject to the Open Software License (OSL 3.0)
+* that is bundled with this package in the file LICENSE.txt.
+* It is also available through the world-wide-web at this URL:
+* http://opensource.org/licenses/osl-3.0.php
+* If you did not receive a copy of the license and are unable to
+* obtain it through the world-wide-web, please send an email
+* to license@prestashop.com so we can send you a copy immediately.
+*
+* DISCLAIMER
+*
+* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+* versions in the future. If you wish to customize PrestaShop for your
+* needs please refer to http://www.prestashop.com for more information.
+*
+*  @author PrestaShop SA <contact@prestashop.com>
+*  @copyright  2007-2014 PrestaShop SA
+*  @version  Release: $Revision$
+*  @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
+*  International Registered Trademark & Property of PrestaShop SA
+*/
+
+header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
+
+header("Cache-Control: no-store, no-cache, must-revalidate");
+header("Cache-Control: post-check=0, pre-check=0", false);
+header("Pragma: no-cache");
+
+header("Location: ../");
+exit;

modules/ybc_productimagehover/views/js/productimagehover.js

@@ -0,0 +1,154 @@
+/*
+* 2007-2017 PrestaShop
+*
+* NOTICE OF LICENSE
+*
+* This source file is subject to the Academic Free License (AFL 3.0)
+* that is bundled with this package in the file LICENSE.txt.
+* It is also available through the world-wide-web at this URL:
+* http://opensource.org/licenses/afl-3.0.php
+* If you did not receive a copy of the license and are unable to
+* obtain it through the world-wide-web, please send an email
+* to license@prestashop.com so we can send you a copy immediately.
+*
+* DISCLAIMER
+*
+* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+* versions in the future. If you wish to customize PrestaShop for your
+* needs please refer to http://www.prestashop.com for more information.
+*
+*  @author PrestaShop SA <contact@prestashop.com>
+*  @copyright  2007-2017 PrestaShop SA
+*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
+*  International Registered Trademark & Property of PrestaShop SA
+*/
+var Ets_ImageHover = {
+    inArray: function (item, items) {
+        if (items.indexOf(item) != -1) return true;
+        return false;
+    },
+    ets_run_v17: function () {
+        if ($('article.product-miniature').length > 0) {
+            var temps = [], ids = '', item = 0;
+            $('article.product-miniature').each(function () {
+                item = parseInt($(this).data('id-product'));
+                if (item > 0 && !Ets_ImageHover.inArray(item, temps))
+                    temps.push(item);
+            });
+            for (var i = 0; i < temps.length; i++)
+                (i != temps.length - 1) ? ids += temps[i] + ',' : ids += temps[i];
+            if (ids != '') {
+                $.ajax({
+                    url: baseAjax,
+                    data: 'ids=' + ids,
+                    type: 'get',
+                    dataType: 'json',
+                    success: function (json) {
+                        if (json) {
+                            $.each(json, function (i, image) {
+                                if ($('.product-miniature[data-id-product="' + i + '"] a.product-thumbnail img').length > 0) {
+                                    $('.product-miniature[data-id-product="' + i + '"] a.product-thumbnail img').after(image);
+                                }
+                            });
+                        }
+                    }
+                });
+            }
+        }
+    },
+    ets_run_v16: function () {
+        if ($('.ajax_add_to_cart_button').length > 0) {
+            var temps = [], ids = '', item = 0;
+            $('.ajax_add_to_cart_button').each(function () {
+                item = parseInt($(this).data('id-product'));
+                if (item > 0 && !Ets_ImageHover.inArray(item, temps))
+                    temps.push(item);
+            });
+            for (var i = 0; i < temps.length; i++)
+                (i != temps.length - 1) ? ids += temps[i] + ',' : ids += temps[i];
+            if (ids != '') {
+                $.ajax({
+                    url: baseAjax,
+                    data: 'ids=' + ids,
+                    type: 'get',
+                    dataType: 'json',
+                    success: function (json) {
+                        if (json) {
+                            $.each(json, function (i, image) {
+                                /*product list*/
+                                if ($('.ajax_add_to_cart_button[data-id-product="' + i + '"]').closest('.ajax_block_product').find('a.product_img_link img').length > 0)
+                                    $('.ajax_add_to_cart_button[data-id-product="' + i + '"]').closest('.ajax_block_product').find('a.product_img_link img').after(image);
+                                /*module products category*/
+                                if ($('.ajax_add_to_cart_button[data-id-product="' + i + '"]').closest('li.product-box').find('a.product-image img').length > 0)
+                                    $('.ajax_add_to_cart_button[data-id-product="' + i + '"]').closest('li.product-box').find('a.product-image img').after(image);
+                            });
+                        }
+                    }
+                });
+            }
+        }
+    },
+    ets_run_v15: function () {
+        if ($('.ajax_add_to_cart_button').length > 0) {
+            var temps = [], ids = '', item = 0;
+            $('.ajax_add_to_cart_button').each(function () {
+                item = parseInt($(this).attr('rel').replace('ajax_id_product_', ''));
+                if (item > 0 && !Ets_ImageHover.inArray(item, temps))
+                    temps.push(item);
+            });
+            for (var i = 0; i < temps.length; i++)
+                (i != temps.length - 1) ? ids += temps[i] + ',' : ids += temps[i];
+            if (ids != '') {
+                $.ajax({
+                    url: baseAjax,
+                    data: 'ids=' + ids,
+                    type: 'get',
+                    dataType: 'json',
+                    global: false,
+                    success: function (json) {
+                        if (json) {
+                            $.each(json, function (i, image) {
+                                /*home product*/
+                                if ($('.ajax_add_to_cart_button[rel="ajax_id_product_' + i + '"]').closest('.ajax_block_product').find('a.product_image img').length > 0 && !$('.accessories_block').length)
+                                    $('.ajax_add_to_cart_button[rel="ajax_id_product_' + i + '"]').closest('.ajax_block_product').find('a.product_image img').after(image);
+                                /*product list*/
+                                if ($('.ajax_add_to_cart_button[rel="ajax_id_product_' + i + '"]').closest('.ajax_block_product').find('a.product_img_link img').length > 0)
+                                    $('.ajax_add_to_cart_button[rel="ajax_id_product_' + i + '"]').closest('.ajax_block_product').find('a.product_img_link img').after(image);
+                            });
+                        }
+                    }
+                });
+            }
+        }
+    }
+}
+$(document).ready(function () {
+    /*ver 1.7*/
+    if (_PI_VER_17_ > 0) {
+        Ets_ImageHover.ets_run_v17();
+        $(document).ajaxStop(function () {
+            if ($('a.product-thumbnail img').length < 2 * $('a.product-thumbnail').length) {
+                Ets_ImageHover.ets_run_v17();
+            }
+        });
+    }
+
+    /*ver 1.6*/
+    if (isset(_PI_VER_17_) && _PI_VER_17_ < 1 && isset(_PI_VER_16_) && _PI_VER_16_ > 0) {
+        Ets_ImageHover.ets_run_v16();
+        $(document).ajaxStop(function () {
+            if (($('a.product_img_link img').length < 2 * $('a.product_img_link').length) || ($('a.product-image img').length < 2 * $('a.product-image').length)) {
+                Ets_ImageHover.ets_run_v16();
+            }
+        });
+    }
+    /*ver 1.5*/
+    if (isset(_PI_VER_16_) && _PI_VER_16_ < 1) {
+        Ets_ImageHover.ets_run_v15();
+        $(document).ajaxStop(function () {
+            if (($('a.product_image img').length < 2 * $('a.product_image').length) || ($('a.product_img_link img').length < 2 * $('a.product_img_link').length)) {
+                Ets_ImageHover.ets_run_v15();
+            }
+        });
+    }
+});

modules/ybc_productimagehover/views/templates/hook/admin-config-v15.tpl

@@ -0,0 +1,64 @@
+{*
+* 2007-2015 PrestaShop
+*
+* NOTICE OF LICENSE
+*
+* This source file is subject to the Academic Free License (AFL 3.0)
+* that is bundled with this package in the file LICENSE.txt.
+* It is also available through the world-wide-web at this URL:
+* http://opensource.org/licenses/afl-3.0.php
+* If you did not receive a copy of the license and are unable to
+* obtain it through the world-wide-web, please send an email
+* to license@prestashop.com so we can send you a copy immediately.
+*
+* DISCLAIMER
+*
+* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+* versions in the future. If you wish to customize PrestaShop for your
+* needs please refer to http://www.prestashop.com for more information.
+*
+*  @author PrestaShop SA <contact@prestashop.com>
+*  @copyright  2007-2017 PrestaShop SA
+*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
+*  International Registered Trademark & Property of PrestaShop SA
+*}
+{if $setting_updated}
+    <div class="conf">{l s='Setting updated' mod='ybc_productimagehover'}</div>
+{/if}
+<form class="defaultForm form-horizontal" enctype="multipart/form-data" method="post" action="{$postUrl|escape:'html':'UTF-8'}">
+    <fieldset>
+        <legend><img src="../img/t/AdminTools.gif"/>{l s="Setting"}</legend>
+        <table>
+            <tbody>
+                <tr>
+                    <td><label class="control-label" for="transition-effect">{l s='Transition effect' mod='ybc_productimagehover'}</label></td>
+                    <td>
+                          <select id="transition-effect" class="fixed-width-xl" name="YBC_PI_TRANSITION_EFFECT">
+                            {foreach from=$effects item='effect'}
+                                <option {if $effect.id == $YBC_PI_TRANSITION_EFFECT}selected="selected"{/if} value="{$effect.id|escape:'html':'UTF-8'}">{$effect.name|escape:'html':'UTF-8'}</option>
+                            {/foreach}
+                        </select>                  
+                    </td>
+                </tr>
+                <tr>
+                    <td><label class="control-label col-lg-3" for="those-pages">{l s='Apply transition effect on those pages' mod='ybc_productimagehover'}</label></td>
+                    <td>
+                        <select id="those-pages" class="fixed-width-xl" name="YBC_PI_THOSE_PAGES[]" multiple size="6">
+                            {foreach from=$those_pages item='page'}
+                                <option {if in_array('allpage', $YBC_PI_THOSE_PAGES) || in_array($page.id, $YBC_PI_THOSE_PAGES)}selected="selected"{/if} value="{$page.id|escape:'html':'UTF-8'}">{$page.name|escape:'html':'UTF-8'}</option>
+                            {/foreach}
+                        </select>                 
+                    </td>
+                </tr>
+                <tr>
+                    <td colspan="2" align="center">
+                        <button class="btn btn-default pull-right" name="submitUpdate" id="module_form_submit_btn" value="1" type="submit">
+                		  <i class="process-icon-save"></i> {l s='Update settings' mod='ybc_productimagehover'}
+                	    </button>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </fieldset>
+</form>
+<div class="clear"></div>

modules/ybc_productimagehover/views/templates/hook/admin-config.tpl

@@ -0,0 +1,63 @@
+{*
+* 2007-2015 PrestaShop
+*
+* NOTICE OF LICENSE
+*
+* This source file is subject to the Academic Free License (AFL 3.0)
+* that is bundled with this package in the file LICENSE.txt.
+* It is also available through the world-wide-web at this URL:
+* http://opensource.org/licenses/afl-3.0.php
+* If you did not receive a copy of the license and are unable to
+* obtain it through the world-wide-web, please send an email
+* to license@prestashop.com so we can send you a copy immediately.
+*
+* DISCLAIMER
+*
+* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+* versions in the future. If you wish to customize PrestaShop for your
+* needs please refer to http://www.prestashop.com for more information.
+*
+*  @author PrestaShop SA <contact@prestashop.com>
+*  @copyright  2007-2017 PrestaShop SA
+*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
+*  International Registered Trademark & Property of PrestaShop SA
+*}
+{if $setting_updated}
+    <div class="alert alert-success">{l s='Setting updated' mod='ybc_productimagehover'}</div>
+{/if}
+<form class="defaultForm form-horizontal" enctype="multipart/form-data" method="post" action="{$postUrl|escape:'html':'UTF-8'}">
+    <div class="panel">
+        <div class="panel-heading"><i class="icon-cogs"></i> {l s='Setting' mod='ybc_productimagehover'}</div>
+        <div class="form-wrapper">
+            <div class="form-group">
+                <label class="control-label col-lg-3" for="transition-effect">{l s='Transition effect' mod='ybc_productimagehover'}</label>
+                <div class="col-lg-9">
+                    <select id="transition-effect" class="fixed-width-xl" name="YBC_PI_TRANSITION_EFFECT">
+                        {if isset($effects) && is_array($effects) && $effects}
+                            {foreach from=$effects item='effect'}
+                                <option {if $effect.id == $YBC_PI_TRANSITION_EFFECT}selected="selected"{/if} value="{$effect.id|escape:'html':'UTF-8'}">{$effect.name|escape:'html':'UTF-8'}</option>
+                            {/foreach}
+                        {/if}
+                    </select>
+                </div>
+            </div>
+            <div class="form-group">
+                <label class="control-label col-lg-3" for="those-pages">{l s='Apply transition effect on those pages' mod='ybc_productimagehover'}</label>
+                <div class="col-lg-9">
+                    <select id="those-pages" class="fixed-width-xl" name="YBC_PI_THOSE_PAGES[]" multiple size="6">
+                        {if isset($those_pages) && is_array(those_pages) && those_pages}
+                            {foreach from=$those_pages item='page'}
+                                <option {if in_array('allpage', $YBC_PI_THOSE_PAGES) || in_array($page.id, $YBC_PI_THOSE_PAGES)}selected="selected"{/if} value="{$page.id|escape:'html':'UTF-8'}">{$page.name|escape:'html':'UTF-8'}</option>
+                            {/foreach}
+                        {/if}
+                    </select>
+                </div>
+            </div>
+        </div>
+        <div class="panel-footer">
+            <button class="btn btn-default pull-right" name="submitUpdate" id="module_form_submit_btn" value="1" type="submit">
+    		  <i class="process-icon-save"></i> {l s='Save' mod='ybc_productimagehover'}
+    	    </button>
+        </div>
+    </div>
+</form>

modules/ybc_productimagehover/views/templates/hook/iframe.tpl

@@ -0,0 +1,33 @@
+{*
+* 2007-2021 ETS-Soft
+*
+* NOTICE OF LICENSE
+*
+* This file is not open source! Each license that you purchased is only available for 1 wesite only.
+* If you want to use this file on more websites (or projects), you need to purchase additional licenses. 
+* You are not allowed to redistribute, resell, lease, license, sub-license or offer our resources to any third party.
+* 
+* DISCLAIMER
+*
+* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+* versions in the future. If you wish to customize PrestaShop for your
+* needs, please contact us for extra customization service at an affordable price
+*
+*  @author ETS-Soft <etssoft.jsc@gmail.com>
+*  @copyright  2007-2021 ETS-Soft
+*  @license    Valid for 1 website (or project) for each purchase of license
+*  International Registered Trademark & Property of ETS-Soft
+*}
+<script type="text/javascript">
+   function phProductFeedResizeIframe(obj) {
+       $('iframe').css('height','auto');
+       setTimeout(function() {
+           $('iframe').css('opacity',1);
+           var pHeight = $(obj).parent().height();
+           $(obj).css('height','540px');
+       }, 300);
+    }
+</script> 
+<div id="ph_preview_template_html">
+    <iframe src="{$url_iframe|escape:'html':'UTF-8'}" style="background: #ffffff ; border : 1px solid #ccc;width:100%;height:0;opacity:0;border-radius:5px" onload="phProductFeedResizeIframe(this)"></iframe>
+</div>

modules/ybc_productimagehover/views/templates/hook/image.tpl

@@ -0,0 +1,27 @@
+{*
+* 2007-2015 PrestaShop
+*
+* NOTICE OF LICENSE
+*
+* This source file is subject to the Academic Free License (AFL 3.0)
+* that is bundled with this package in the file LICENSE.txt.
+* It is also available through the world-wide-web at this URL:
+* http://opensource.org/licenses/afl-3.0.php
+* If you did not receive a copy of the license and are unable to
+* obtain it through the world-wide-web, please send an email
+* to license@prestashop.com so we can send you a copy immediately.
+*
+* DISCLAIMER
+*
+* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+* versions in the future. If you wish to customize PrestaShop for your
+* needs please refer to http://www.prestashop.com for more information.
+*
+*  @author PrestaShop SA <contact@prestashop.com>
+*  @copyright  2007-2017 PrestaShop SA
+*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
+*  International Registered Trademark & Property of PrestaShop SA
+*}
+{if isset($product_name) && isset($img_url)}
+    <img class="{if $YBC_PI_TRANSITION_EFFECT}{$YBC_PI_TRANSITION_EFFECT|escape:'html':'UTF-8'}{else}fade{/if} replace-2x img-responsive ybc_img_hover" src="{$img_url|escape:'html':'UTF-8'}" alt="{$product_name|escape:'html':'UTF-8'}" itemprop="image" title="{$product_name|escape:'html':'UTF-8'}" />
+{/if}

modules/ybc_productimagehover/views/templates/hook/index.php

@@ -0,0 +1,18 @@
+<?php
+/**
+ * Copyright YourBestCode.com
+ * Email: support@yourbestcode.com
+ * First created: 21/12/2015
+ * Last updated: NOT YET
+*/
+
+				    	
+header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
+						
+header("Cache-Control: no-store, no-cache, must-revalidate");
+header("Cache-Control: post-check=0, pre-check=0", false);
+header("Pragma: no-cache");
+						
+header("Location: ../");
+exit;

modules/ybc_productimagehover/views/templates/hook/renderJs.tpl

@@ -0,0 +1,30 @@
+{*
+* 2007-2015 PrestaShop
+*
+* NOTICE OF LICENSE
+*
+* This source file is subject to the Academic Free License (AFL 3.0)
+* that is bundled with this package in the file LICENSE.txt.
+* It is also available through the world-wide-web at this URL:
+* http://opensource.org/licenses/afl-3.0.php
+* If you did not receive a copy of the license and are unable to
+* obtain it through the world-wide-web, please send an email
+* to license@prestashop.com so we can send you a copy immediately.
+*
+* DISCLAIMER
+*
+* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+* versions in the future. If you wish to customize PrestaShop for your
+* needs please refer to http://www.prestashop.com for more information.
+*
+*  @author PrestaShop SA <contact@prestashop.com>
+*  @copyright  2007-2017 PrestaShop SA
+*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
+*  International Registered Trademark & Property of PrestaShop SA
+*}
+<script type="text/javascript">
+ var baseAjax ='{if isset($_PI_VER_17_) && $_PI_VER_17_}{$baseAjax nofilter}{else}{$baseAjax|escape:'html':'UTF-8'}{/if}';
+ var YBC_PI_TRANSITION_EFFECT = '{$YBC_PI_TRANSITION_EFFECT|escape:'html':'UTF-8'}';
+ var _PI_VER_17_ = {$_PI_VER_17_|intval}
+ var _PI_VER_16_ = {$_PI_VER_16_|intval}
+</script>

modules/ybc_productimagehover/views/templates/index.php

@@ -0,0 +1,18 @@
+<?php
+/**
+ * Copyright YourBestCode.com
+ * Email: support@yourbestcode.com
+ * First created: 21/12/2015
+ * Last updated: NOT YET
+*/
+
+				    	
+header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
+						
+header("Cache-Control: no-store, no-cache, must-revalidate");
+header("Cache-Control: post-check=0, pre-check=0", false);
+header("Pragma: no-cache");
+						
+header("Location: ../");
+exit;