Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 Re: CE4 Gallery » Maximum images in a CE4 gallery » Today 02:57:03

for what it's worth, I just tested this with an album of over 500 and the pagination works fine for me (set at 100 per page).

Have you tried re-exporting and uploading? (you should be able to get away with re-uploading just the index files (index, index_2, index_3, etc.)

#2 Re: Backlight Support » Vegas slide show discrepancies » Today 01:46:11

Ok,

Instead of this:

.pages-template-identifier-theater.slug-photos .the__gallery > .content,
         .pages-template-identifier-gallery-theater.slug-photos .the__gallery > .content {
 box-shadow: 5px 10px 20px 10px #888888;
 box-sizing: border-box;
 text-align: center;
 /*width: 50%;*/
  max-width: 450px;    
 }

try this. using .slug-photos covers both sites

.slug-photos .the__gallery  {	
       box-shadow: 5px 10px 20px 10px #888888;
       max-width: 450px
    }
	
.slug-photos #gallery.vegas-container {
	max-height:600px;
	}
		

adjust max-width and height to suit your needs.

#3 Re: Backlight Support » Vegas slide show discrepancies » Today 01:17:40

Notice in the inspector all those selectors in red:
missing-curly.jpg
That indicates an error. The problem is the missing curly brace after this rule:

.pages-template-identifier-theater .the__copy > .content,
	  .pages-template-identifier-gallery-theater .the__copy > .content {
	  	 background-color: transparent;

And that breaks all the css that follows.

But even after fixing that you'll still see a problem. The width of the slideshow is contained, but it will now be tall and skinny.

You had this working once before. See if you can find that (probably in one of the css files you uploaded to backlight/custom/css/) and swap it out for the box-shadow/width controlling code you have now.

#4 Re: Backlight Support » Vegas slide show discrepancies » Today 00:03:19

also, you don't need all those body selectors. In fact, what you have is formatted incorrectly.

this: .pages-template-identifier-theater .slug-photos >
says that for the css to be effective, the element or class being targeted needs to be inside the class "slug-photos" which itself needs to be inside the class "pages-template-identifier-theater"
This is impossible since they are both in the body tag.
so use either "slug-photos" or "pages-template-identifier-theater"

if you're writing css that relies on both of those being in the body class, then write it like this:

.pages-template-identifier-theater.slug-photos  (no space between the two)

#5 Re: Backlight Support » Vegas slide show discrepancies » Yesterday 23:56:51

you've manage to style the slide shows before. I think this is the selector you used

.the__gallery > .content

so the full selectors would be

.slug-photos .the__gallery > .content,  .slug-photos .the__gallery > .content

#6 Re: Backlight Support » Vegas slide show discrepancies » Yesterday 23:52:24

this;
.pages-template-identifier-theater .slug-photos >
and this:
.pages-template-identifier-gallery-theater .slug-photos > 

do nothing. they are classes placed in the body tag and are used to specifically target a page. You need to add the selector for the gallery section of the page.

#8 Re: Backlight Support » Vegas slide show discrepancies » Yesterday 22:05:34

look starting at line 524 of your css file. that's where the purple is coming from

#9 Re: Backlight Support » New GDPR laws » Yesterday 05:58:30

Probably doesn’t answer your question, but there’s this discussion: http://community.theturninggate.net/vie … hp?id=8612

#10 Re: Backlight Support » Vegas slide show discrepancies » Yesterday 05:15:59

you haven't closed your function. It needs a curly brace at the end (and doesn't need the return false; , though that doesn't really matter in this case).

function ttg_head( $style, $path ) { 
	echo '
	<link rel="stylesheet" href="http://pideja.ca/luc/backlight/custom/css/lucnade.css" />
	';    
}

#11 Re: Backlight Support » Vegas slide show discrepancies » Yesterday 03:42:55

Something is still not right. Look at the top of each of those pages. See the text there? That's not supposed to be there.


How did you create your phplugins file? You should be using one of the sample files that Matt has provided in backlight/custom/phplugins/ and place your code in the User area. (the un-commented code  at the top of the file is needed)

http://backlight.theturninggate.net/doc … _phplugins

the css file you want is still being called, it's just that it looks like you've simply added the code to the top of the page and that code is now visible. Just open one of the sample files, like phplugins-pangolin-sample.php and place your code below the area defined by the line: // SET USER FUNCTIONS BELOW

#12 Re: Backlight Support » Vegas slide show discrepancies » Yesterday 03:07:52

pideja wrote:

You are right, but it's only because I edited one of the files in order for it to be used in a single CSS for both the French and English sides.

But the problem is that the line you added is breaking everything that follows (see the highlight in red above)

pideja wrote:

Not knowing exactly where to place the PHP file and the new, unique CSS file that will be used by both sides of the site, I placed it the "portal" thinking it would then affect both sides.

phplugins files need to be in the backlight/custom/phplugins/ folder for the site that's using them.

pideja wrote:

So, if I understand correctly, I place a PHP file into each side in the Custom/PHP folder and then activate the PHP in each page template in the Advanced Setup tab. The CSS file refered to would be situated in the Home page custom folder: http://pideja.ca/luc/backlight/custom/css/lucnade.css

Yes, that should work.

#13 Re: Backlight Support » Vegas slide show discrepancies » Yesterday 01:35:31

pideja wrote:

I've changed the php to read:

// CUSTOM lucnade css
function ttg_head( $style, $path ) { 
	echo '
	<link rel="stylesheet" href="/luc/backlight/custom/css/lucnade.css" />
	';
} // END

It is placed in pideja.ca/luc/backlight/custom/phplugin … ortail.php

This won't work. You need to place it in each site's (EN and FR) /backlight/custom/phplugins/ folder and then select it in each page template under the Advanced Setup tab.
http://backlight.theturninggate.net/doc … _phplugins
And to be safe, you should use an absolute url:

<link rel="stylesheet" href="http://pideja.ca/luc/backlight/custom/css/lucnade.css" />

as written, the browser is going to look in the root of each site as determined by the site urls you're using for the French and English sites.

#14 Re: Backlight Support » Vegas slide show discrepancies » Yesterday 01:21:15

the css files for those pages are still not exactly the same. the French version has one more line (see below).

the french version is coming from:
/luc/fr/backlight/custom/css/luc-fr.css

the english version from:
/luc/en/backlight/custom/css/luc-en.css

you're apparently not using the ttg_head hook to insert the same css file into both?
The phplugins file needs to be placed in each site's /backlight/custom/phplugins/ folder and you need to select it in each page template. Placing it where you have placed it does no good since you won't be able to select it in each site's page templates.


you still have this css in the french version starting on line 40 (the second line here is the one more line in the french version):

 .pages-template-identifier-expos .the__copy>. content {
		.pages-template-identifier-exhibitions .the__copy>.content {

		background-color: #A607A3;
		border-radius: 0;
		box-shadow:2px 2px 8px #000000;
		width: 100%;
		max-width: 1440px;
		padding: 50px;
		font-size: 1.25rem;
		color: black;
	}

this is the problem:
.pages-template-identifier-expos .the__copy>.content {
        .pages-template-identifier-exhibitions .the__copy>.content
{

If you want the css to be applied to both the expos template and the the exhibitions template, the selectors need a comma between them, not a curly brace. The way it's written is breaking all the css that follows. This is what it should look like:

.pages-template-identifier-expos .the__copy>.content,
.pages-template-identifier-exhibitions .the__copy>.content {

#15 Re: Backlight Support » Vegas slide show discrepancies » 2018-04-22 09:19:31

pideja wrote:

However, I fail to see how CSS code referencing the "Exhibitions" page should affect the "Gallery" page.

If it's from the css above, it's  probably because that css is malformed and breaking all the css that follows it.

#16 Re: Backlight Support » Vegas slide show discrepancies » 2018-04-22 09:15:05

pideja wrote:

Trying out this php code that would lead to "lucnade.css"

// CUSTOM lucnade css
function ttg_head_end( $style, $path ) { 
	echo '
	<link rel="stylesheet" href="backlight/custom/css/lucnade.css" />
	';
} // END

lucnade.css is one of the two used by each side. Since it's  all shared settings.
But the Prints/oeuvres pages use a slightly different CSS.

Think it will work?

use the ttg_head hook. The ttg_head_end hook was from CE4 and won't work with Backlight.

#17 Re: Backlight Support » Vegas slide show discrepancies » 2018-04-22 07:14:43

the css files aren't exactly the same. In the French site you have, starting on line 40:

.pages-template-identifier-expos .the__copy>.content {
		.pages-template-identifier-exhibitions .the__copy>.content {
		background-color: #A607A3;
		border-radius: 0;
		box-shadow:2px 2px 8px #000000;
		width: 100%;
		max-width: 1440px;
		padding: 50px;
		font-size: 1.25rem;
		color: black;
	}		

that breaks the css for everything that comes after.

If you want that css applied to both templates, it should be written like this:

 .pages-template-identifier-expos .the__copy>.content, 
	 .pages-template-identifier-exhibitions .the__copy>.content {
		background-color: #A607A3;
		border-radius: 0;
		box-shadow:2px 2px 8px #000000;
		width: 100%;
		max-width: 1440px;
		padding: 50px;
		font-size: 1.25rem;
		color: black;
	}	

#18 Re: Backlight Support » CRG » 2018-04-22 03:20:09

I think that's just probably how it's designed.

#19 Re: CE4 Client Response Gallery » Download all selected images - how? » 2018-04-22 01:35:36

The easiest thing to do is to manually place all images in a zip folder, upload it to your site, and provide a link to the folder.
There is no way to select multiple images and download just those selections all at once.

See this from one of the previous discussions on this topic:
http://community.theturninggate.net/vie … hp?id=4777

#20 Re: Backlight Support » How to limit breadcrumb to not show 'galleries' » 2018-04-22 00:14:33

Home thumbnail?
Did you mean breadcrumbs?
Is so, look in Backlight > Publisher Settings

#22 Re: Backlight Support » Not a Secure Website » 2018-04-21 22:57:24

Ben and Matt will likely need a link.

#23 Re: Backlight Support » exporting-importing and installing templates » 2018-04-21 00:33:13

I thought you'd used custom css in your CE4 sites?
Here's the CE4 documentation for adding custom css. Use the ttg_head hook instead of ttg_head_end
http://ce4.theturninggate.net/docs/doku … custom_css

#24 Re: Backlight Support » exporting-importing and installing templates » 2018-04-20 23:08:08

you could create one css file for both sites and call it via phplugins (ttg_head) rather than duplicating it and uploading each file to each site's /backlight/custom/css/ folder.

That way you'd have only one file to manage and any change would affect both sites.

#25 Re: Backlight Support » exporting-importing and installing templates » 2018-04-20 22:31:13

the English page is using this css file: luc-en.css

the French page is using this css file: luc-fr-2.css

For some reason, the line 39 reads: ".pages-template-identifier-expos" on the French side but will only work if it's " .pages-template-id-15" on the English side...

The reason is because you put it there.
.pages-template-identifier-exhibitions means that the css will only be a applied to a page with the identifier of "exhibitions" (set in the Properties of a page--not page template). Neither of those pages have that, nor do they have a class of "pages-template-id-15".
In fact, neither of those were created in the Pages section of Backlight's Designer. They are both album sets and therefore that selector should have no effect on these two pages.

the english page you linked to is using a page template with template-id-13 template-identifier-prints. This means the page template has an id of 13 (set by Backlight) and an identifier of "prints" (set by you)/

The French page is using a page template with template-id-21 template-identifier-oeuvres.

Each page template is using a different css file.
I realize these are two different Backlight installations so you'll need to manually compare the two files. Either that, or upload the "correct" css file used on one site to the other site and set the page template to use that file.

This seems more a matter of organizing and managing the separate files for each site, it's not a Backlight issue.

Board footer

Powered by FluxBB