Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2016-10-12 16:00:39

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 5,082
Website

Using Fotomoto on Mobile

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.


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

#2 2016-10-12 23:49:06

johncellsworth
Member
Registered: 2014-06-17
Posts: 14

Re: Using Fotomoto on Mobile

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

#3 2016-10-13 02:28:53

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,522
Website

Re: Using Fotomoto on Mobile

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 1.1.1 test site, Pangolin test site

Offline

#4 2016-10-13 02:57:24

johncellsworth
Member
Registered: 2014-06-17
Posts: 14

Re: Using Fotomoto on Mobile

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

#5 2016-10-13 03:12:04

johncellsworth
Member
Registered: 2014-06-17
Posts: 14

Re: Using Fotomoto on Mobile

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

#6 2016-10-13 08:20:02

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,522
Website

Re: Using Fotomoto on Mobile

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 1.1.1 test site, Pangolin test site

Offline

#7 2016-10-13 10:33:45

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 5,082
Website

Re: Using Fotomoto on Mobile

johncellsworth wrote:

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;
	}
}

Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

#8 2016-10-16 15:10:40

rnh
Member
Registered: 2014-10-27
Posts: 29

Re: Using Fotomoto on Mobile

This works like a champ on a Galaxy  S6 Edge!  Looks just like the Fotomoto buttons on  a big screen.

Offline

#9 2016-10-17 15:24:20

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 5,082
Website

Re: Using Fotomoto on Mobile

I've edited my original post to link to our documentation on using custom CSS.


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

Board footer

Powered by FluxBB