I am very pleased with Kalium template and quite happy with my purchase. I noticed a few bugs / issues which I'll report later on as I am quite pressed by time now. Really want to help you improve this great product.
I am currently running WP on a development site hosted on the same server as the live website and pushing it as I finish implementing other functionalities.
I used a child template that I tweaked according to my needs and was wondering if there could be the possibility to switch between the default product image gallery (the one that has the sticky product description on the right and the user can just scroll to see all the images) on desktop and the image + thumbnails gallery on mobile. Currently you offer those options but only separately and not combined. I don't really like the fact that by default, on mobile the user has to scroll quite much to read the product description and be able to add it to cart.
I am aware that this could mean I could either wait for the release from you in case that happens or I will need to implement this myself.
Just wondering if you can point me in the right direction.
Your suggestion does indeed solve the issue by applying CSS and positioning the description before the images.
However the ideal scenario for me would be to leave the display order of the content as it is and just switch the display mode of the single product page on mobile to the thumbnail gallery which allows swiping.
Hello,
I am very pleased with Kalium template and quite happy with my purchase. I noticed a few bugs / issues which I'll report later on as I am quite pressed by time now. Really want to help you improve this great product.
I am currently running WP on a development site hosted on the same server as the live website and pushing it as I finish implementing other functionalities.
I used a child template that I tweaked according to my needs and was wondering if there could be the possibility to switch between the default product image gallery (the one that has the sticky product description on the right and the user can just scroll to see all the images) on desktop and the image + thumbnails gallery on mobile. Currently you offer those options but only separately and not combined. I don't really like the fact that by default, on mobile the user has to scroll quite much to read the product description and be able to add it to cart.
I am aware that this could mean I could either wait for the release from you in case that happens or I will need to implement this myself.
Just wondering if you can point me in the right direction.
Thanks in advance,
Alex
{"wp":{"use":false,"adminUrl":"http://dev.kdvrclothing.com /wp-admin","username":"laborator","password":"7Q6X(QQ^fGgwBAmV1hJ2!SBy"},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}
Hi Alex,
I guess you are talking about this variant:
https://demo.kaliumtheme.com/shop/product/bridge-backpack/?shop-single-image-layout=plain-sticky
So I suppose you want one of the following solution in mobile:
1. Show description before images on mobile
2. Group images and make carousel to swipe back and fourth
Currently none of the options is implemented, just want your opinion over this so we can implement it in the future updates.
The first one can be achieved more easily, with custom CSS:
@media screen and (max-width: 768px) {
.single-product .row {
display: flex;
flex-direction: column;
}
.single-product .row > * {
clear: none;
}
.single-product .row .col-sm-6:nth-child(1) {
-webkit-box-ordinal-group: 3;
order: 2;
}
.single-product .row .col-sm-6:nth-child(2) {
-webkit-box-ordinal-group: 2;
order: 1;
}
.single-product .row .woocommerce-tabs {
-webkit-box-ordinal-group: 4;
order: 3;
}
.single-product .row .related,
.single-product .row .upsells {
-webkit-box-ordinal-group: 5;
order: 4;
}
}
I hope this helps you.
Thank you for your reply Arlind!
Your suggestion does indeed solve the issue by applying CSS and positioning the description before the images.
However the ideal scenario for me would be to leave the display order of the content as it is and just switch the display mode of the single product page on mobile to the thumbnail gallery which allows swiping.
So we'll have:
DESKTOP -> "Sticky Description"
MOBILE -> "Main Image with Thumbnails Below"
Hi Alex,
Yes, that is the best option, we are definitely going to implement that in future versions of Kalium.
Added this to our todo list.