Hi,
1. There is no option to turn off the option for some products. That will require some development in the plugin.
2. There is no option to turn off the like button on the listings. However, that's a good idea and easy to add so I've added that possibility in the settings of the plugin by setting the listing postion to "not displayed". Download again the plugin on our website and install it on yours to get that capability.
3. and 4. Both are done by the CSS code in the plugin. So it's in the file plugins/hikashop/like/like.php
You'll find this code:
.hikashop_product_not_liked i.fa-2x.fas.fa-heart {
text-shadow: -1px 1px 0px ".$heartcolor.",
1px 1px 0px ".$heartcolor.",
1px -1px 0px ".$heartcolor.",
-1px -1px 0 ".$heartcolor.";
color: ".$backgroundcolor.";
transition: color 0.5s, text-shadow 0.5s;
}
.hikashop_product_liked i.fa-2x.fas.fa-heart {
text-shadow: -1px 1px 0px ".$backgroundcolor.",
1px 1px 0px ".$backgroundcolor.",
1px -1px 0px ".$backgroundcolor.",
-1px -1px 0 ".$backgroundcolor.";
color: ".$heartcolor.";
transition: color 0.5s, text-shadow 0.5s;
}
i.fa-2x.fas.fa-heart {
position: relative;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in;
}
a.hikashop_product_like_link {
width: 40px;
height: 24px;
}
a.hikashop_product_like_link:hover > i.fa-2x.fas.fa-heart {
animation-name: shakeAnim;
}
@keyframes shakeAnim {
0% {left: 0}
1% {left: -1px}
2% {left: 3px}
3% {left: -6px}
4% {left: 6px}
5% {left: -3px}
6% {left: 1px}
7% {left: 0}
}
So you can remove that CSS and use your own CSS instead.
For example:
i.fa-2x.fas.fa-heart {
background-image: url('http://mywebsite/myimage.jpg');
}
5. Go in the Joomla menu manager and create a menu item of the type "HikaShop products listing".
First, configure it to display all your products.
Then, activate the "Only liked products" setting of the menu item (under the "products options" tab, and you'll be left with only the products already liked on the menu item listing.