Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
Pages: 1
Fotomoto is continuing to improve their widget for use on mobile phones. If you'd like to try using Fotomoto's mobile support in your Backlight albums, adding this to your custom CSS should allow you to do so.
@media only screen and (max-width: 875px) {
.fmCart,
figure button.fotomoto,
button.pswp__button--fotomoto,
li.fotomoto_single {
display: block !important;
}
}I'd love to hear some feedback on this, and whether you think we should enable Fotomoto on mobile in Backlight out-of-the-box.
Offline
I'm confused. If I'm already implementing Fotomoto, will this code change anything? Or is it solely for those who have not installed Fotomoto? Thanks.
Offline
it looks like this just helps style the Fotomoto cart on mobile devices.
Give it a try and see how it looks.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Thanks, Rod. I also didn't know where to insert the code. Found out from Derek of Fotomoto to add it to the Appearance CSS code section on Fotomoto. It works! Thanks.
Last edited by johncellsworth (2016-10-13 03:08:43)
Offline
How does it look? Well, I think there are too many shopping carts in the small window of my iphone 6s. It would be good, I think, if the shopping cart only appeared after a thumbnail was clicked.
Last edited by johncellsworth (2016-10-13 03:12:29)
Offline
I also didn't know where to insert the code. Found out from Derek of Fotomoto to add it to the Appearance CSS code section on Fotomoto.
alternatively, you can add that and any other css you might need to a custom css file.
http://ttg-tips-and-tricks.barbeephoto. … backlight/
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
How does it look? Well, I think there are too many shopping carts in the small window of my iphone 6s. It would be good, I think, if the shopping cart only appeared after a thumbnail was clicked.
Then just modify the code to that effect.
@media only screen and (max-width: 875px) {
.fmCart, /* cart widget */
figure button.fotomoto, /* thumbnail trigger */
button.pswp__button--fotomoto, /* Photoswipe button */
li.fotomoto_single /* single-image page button */
{
display: block !important;
}
}Therefore:
@media only screen and (max-width: 875px) {
.fmCart,
button.pswp__button--fotomoto,
li.fotomoto_single
{
display: block !important;
}
}Offline
This works like a champ on a Galaxy S6 Edge! Looks just like the Fotomoto buttons on a big screen.
Offline
I've edited my original post to link to our documentation on using custom CSS.
Offline
Pages: 1