Resolved Shopin - Unable to display product with variant option properly!

Hi,

Thanks for your query. This feature doesn't exist. Its variant the product price, Like as Small price is 39 USD and XL Price is 99USD. If you choose the XL then the price will change.

http://default.j2store.net/index.php/configurable-product

-Thanks

Hi,

Thanks for your query. This feature doesn't exist. Its variant the product price,

Hi Toufiq, thank you for your reply. Are you meaning that Shopin Template does not allow or support the use of "variant" function of J2Store. In fact, from the demo of Shopin, all the products are "Simple" products. How are about the variable product, configurable product and downloadable product functions provided by J2store.

If it is the case, I am quit shock to hear that Shopin of Joomsharper does not fully support the J2store.

Please note that for the free templates from ThemeParrot, such as Shopy and Crafty, they fully support all the functions of J2store including the variant and comparing list, etc.

I like the design of Shopin Template very much and the flexible and powerful Helix 3 framework as well.

Thanks.

HI Toufig,

Could you please advise how to fix the photo display problem when the dropdown/radio variant function is adopted.

The thumbnail photos were located below the Main Photo. Please advise how to make them back to the location at the left handside as per the Demo. (please see the attached screenshots).

I really want to use Shopin to show my products in J2store.

Thanks.

The url is http://cms.hkbws.org.hk/eshopxx/index.php/products/birdie-pins

HI Toufig,

Could you please advise how to fix the photo display problem when the dropdown/radio variant function is adopted.

The thumbnail photos were located below the Main Photo. Please advise how to make them back to the location at the left handside as per the Demo. (please see the attached screenshots).

I really want to use Shopin to show my products in J2store.

Thanks.

The url is http://cms.hkbws.org.hk/eshopxx/index.php/products/birdie-pins

Hi, Thanks for your reply. Radio variant feature is not ready for this version of SHOPIN. We will try to add this next version. Thanks

Hi, Thanks for your reply. Radio variant feature is not ready for this version of SHOPIN. We will try to add this next version. Thanks

Hi, Toufiq, grateful if Joomsharper can also consider including the Checkbox / text variant features (provided in J2Store Pro) in the next version, please.

Thanks.

Hi, Thanks for your reply. Radio variant feature is not ready for this version of SHOPIN. We will try to add this next version. Thanks

Hi, Toufiq, in the mean time, could you please advise how to fix the problems encountered in my site, i.e.
(1) the thumbnail photos displayed not at the left hand side of main photo; and
(2) all the description text are displayed at the Item introduction area instead of just the Leading text only.

The url of the page with problem is http://cms.hkbws.org.hk/eshopaa/index.php/en/products/2017-08-24-03-34-23

Many thanks.

Hi, Thanks for your reply. Radio variant feature is not ready for this version of SHOPIN. We will try to add this next version. Thanks

Hi, Toufiq, in the mean time, could you please advise how to fix the problems encountered in my site, i.e.
(1) the thumbnail photos displayed not at the left hand side of main photo; and
(2) all the description text are displayed at the Item introduction area instead of just the Leading text only.

The url of the page with problem is http://cms.hkbws.org.hk/eshopaa/index.php/en/products/2017-08-24-03-34-23

Many thanks.

Hi, Please try to check this product.

http://cms.hkbws.org.hk/eshopaa/index.php/en/products/categories/book-en/book-2

-Thanks

Hi, Please try to check this product.

http://cms.hkbws.org.hk/eshopaa/index.php/en/products/categories/book-en/book-2

-Thanks

Hi Toufig, thank a lot for your continuous support.

The above link is for "simple" item, which could be displayed properly in the Shopin template.

The "variant" item with display problem in Shopin template is http://cms.hkbws.org.hk/eshopaa/index.php/en/products/categories/book-en/book

The url of the page with problem is http://cms.hkbws.org.hk/eshopaa/index.php/en/products/2017-08-24

The display problems are -
(1) the thumbnail photos displayed not at the left hand side of main photo; and
(2) all the description text are displayed at the Item introduction area instead of just the Leading text only.

Actually I have found a previous reply from Paul for fixing a similar issue and hope it could help to solve the problem.

https://www.joomshaper.com/forums/images-in-products-items-page

Many thanks.

Forrest

Hi, Please send me the administrator login info. Thanks

Hi Toufiq,

The support from J2Store has solved the problem for me by the follwoing modification -

"It seems to be issue with css and template override.

By going to Extensions > Templates, we have corrected the template override file at
/templates/shaper_shopin/html/com_j2store/templates/bootstrap3/view_variable.php

Also corrected the css on line from 4187
/templates/shaper_shopin/css/template.css "

I copied the changes at below for reference -

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

template.css
Line from 4187
.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%;

Do I need to keep them properly for modifying the files again after template updating?


Now I can use the Shopin for my J2Store instead of using the Crafty template and without for the next version.

However, I do hope the next version of Shopin will cover all the featueres of J2Store Pro.

As Shopin is producted by Joomsharper instead of J2Store, please advise whether there is any missing or further modification is required.


Thanks

Forrest

Hi Toufiq,

The support from J2Store has solved the problem for me by the follwoing modification -

"It seems to be issue with css and template override.

By going to Extensions > Templates, we have corrected the template override file at
/templates/shaper_shopin/html/com_j2store/templates/bootstrap3/view_variable.php

Also corrected the css on line from 4187
/templates/shaper_shopin/css/template.css "

I copied the changes at below for reference -

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

template.css
Line from 4187
.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%;

Do I need to keep them properly for modifying the files again after template updating?


Now I can use the Shopin for my J2Store instead of using the Crafty template and without for the next version.

However, I do hope the next version of Shopin will cover all the featueres of J2Store Pro.

As Shopin is producted by Joomsharper instead of J2Store, please advise whether there is any missing or further modification is required.


Thanks

Forrest

Thanks for the help! I'm having the same issue trying to use Variable products. Thanks to that it's now working as it should.

Hope JoomShaper guys fix it fast =)

I have the Same Problem with all Products which are Created as Configurable...

The Solution from Forrest FONG does not work for me..

see the Radio Buttons and images on Screenshot..

Hi, I have added my task board. We will fix it next update. Thanks

Hi, Toufiq, is this problem fixed in the latest update?

Thanks,

Forrest

Hi, I have added my task board. We will fix it next update. Thanks

Hi, Toufiq, is this problem fixed in the latest update?

Thanks,

Forrest

Hi, Last update not fixed. We will try to next update. Thanks