Resolved Shopin - Modifying Shopin to allow it supporting not just the Simple Product of J2Storre

Hi, with the kind support from J2Store, we have modified the followings of Shopin Template so that we could adopt it in our e-shop for the Variable and Configurable Products of J2Store, various display issues have been resolved -

1) Display problems of Shopin Template for showing the Variable and Configurable Products

view_variable.php
39 <?php //echo $this->loadTemplate('ldesc'); ?>

view.php
<style>
.configurable-product .j2store-product-additional-images {
left: -110px;
position: absolute;
top: 0;
}
.detail .product-image {
position: relative;
}
.detail .product-image .j2store-mainimage {
padding-left: 75px;
}
.detail .product-image .j2store-mainimage .j2store-product-main-image {
width: 100%;
}
.detail .product-image .j2store-product-additional-images {
position: absolute;
left: 15px;
top: 0;
}
.detail .product-image .j2store-product-additional-images ul {
padding: 0;
margin: 0;
list-style: none;
}
.detail .product-image .j2store-product-additional-images ul li {
width: 65px;
margin-bottom: 10px;
display: block;
}
.detail .product-image .j2store-product-additional-images ul li img {
width: 100%;
}
</style>

2) Input Box for Text, Donation and Date are missing

.j2store-donation-option {
display: block !important;
}

.options input.hasDatepicker{
display:block !important;
}

.options input[type="text"] {
display: block !important;
}

3) Format / style of "Compare with" button not matching with the Shopin Template design

a.j2store-compare-links.product-compare-link {
background: #000;
color: #fff;
padding: 12px 20px;
display: inline-block;
margin-top: -5px;
}

4) Misalignment problem of Photos showing by the J2Store Product View Module

.sppb-addon-content .j2store-product-module .j2store-module-product {
margin-bottom: 42px;
min-height: 480px;




I hope Joomsharper could incorporate them in the next version of Shopin so that it could fully support all the functions of J2Store.

Thanks,

Forrest