1. Shopin
  2. Friday, 25 August 2017
Hi, in inputting products with variant options, it is unable to display the product photos and the variant options with checkbox / radio button or custom input.Only dropbox is ok. (see the attached screenshot).

Pleaes advise what config I should be adopted or are there any limitation for the Shopin Template?

The url is http://cms.hkbws.org.hk/eshopxx/index.php/products/categories/books/testing-3

Your earliest reply is much much appreciated.

Thanks,

Forrest
Attachments (2)
Accepted Answer
Hi, I have added my task board. We will fix it next update. Thanks
  1. more than a month ago
  2. Shopin
  3. # Permalink
Responses (15)
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
  1. more than a month ago
  2. Shopin
  3. # 1
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.
  1. more than a month ago
  2. Shopin
  3. # 2
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
Attachments (2)
  1. more than a month ago
  2. Shopin
  3. # 3
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
  1. more than a month ago
  2. Shopin
  3. # 4
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.
  1. more than a month ago
  2. Shopin
  3. # 5
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.
Attachments (1)
  1. more than a month ago
  2. Shopin
  3. # 6
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
  1. more than a month ago
  2. Shopin
  3. # 7
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
  1. more than a month ago
  2. Shopin
  3. # 8
Hi, Please send me the administrator login info. Thanks
  1. more than a month ago
  2. Shopin
  3. # 9
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
  1. more than a month ago
  2. Shopin
  3. # 10
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 =)
  1. more than a month ago
  2. Shopin
  3. # 11
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..

shopin-configurable.png
Attachments (1)
  1. more than a month ago
  2. Shopin
  3. # 12
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
  1. more than a month ago
  2. Shopin
  3. # 13
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
  1. more than a month ago
  2. Shopin
  3. # 14


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.