Community @ The Turning Gate

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.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#76 Re: Backlight Support » Size of thumbnails in album set is wrong » 2018-05-23 07:40:27

Daniel Leu wrote:

You don't have by chance  "Push metadata without updating existing photos" selected in Lr Publisher Settings?

Yes, I did. I still had that option. I took all the hooks out now, I also uploaded everything from Lightroom again. And cleared Template Cache.
But it hasn't changed. The thumbnails are still smaller than the 280x420px.

No matter what I do, nothing changes

rod barbee wrote:

The actual thumbnail size comes from the albums. So first make sure the albums are creating thumbnails sized for your needs

even with nested album sets?

What a mess!  In my current page with Okapi everything worked out so well. The thumbnails in the album Custom_Thumbnails have exactly the 280x420 px, as it should be.

In Pangolin in the hidden album the thumbnails are only 144x216px.

In the album set then however 385x192px

Very confusing.

#77 Re: Backlight Support » Size of thumbnails in album set is wrong » 2018-05-22 22:13:54

rod barbee wrote:

The actual thumbnail size comes from the albums. So first make sure the albums are creating thumbnails sized for your needs

Ah, okay.  Thank you very much.  For the thumbnails I created a special album "Custom_Thumbnails", as Matt explained for CE4.  I can also select them in Lightroom.

There I set the size of the thumbnails to 280*420 px under Image Renditions.

But still the size is not implemented correctly

#78 Backlight Support » Size of thumbnails in album set is wrong » 2018-05-22 21:31:06

Markus
Replies: 36

Hi,
because of my HTTPS problem I decided to rebuild the site completely with pangolin https://pangolin.der-canonier.de/galleries/. But I want to rebuild my album set (and the album) from http://www.der-canonier.de/galleries/ and http://www.der-canonier.de/galleries/03-landschaft/.

Therefore I created an album set "Top-Level-Galerie" and an "Album Set 300x450" and selected them in Lightroom.

For the Thumbnail Grid I used the Classic Style and as Thumbnail Max-Width 280px .
Unfortunately I can't specify a height like in Backlight 1.1.1 (I had 420px).
Also with the iconic style I can only specify the height of 280px.

But now when I look with the Inspector, the thumbnail size is 389x389px at "Top-Level-Galerie" and 385x192px at "Album Set 300x450".

What am I doing wrong? Why are the specifications not taken over from the templates?

Where can I set the height of the thumbnails? Or do I have to do this in the custom.css? Then the question arises, how can I do that?

I would be glad about help!

Thanks
Markus

#79 Re: Backlight Support » https » 2018-05-19 20:23:10

dussel wrote:

Hello Markus,
as far as i know you have to add that code in the first lines of the .htaccess in the root directory.
hth

Rolf

Hi Rolf,
thanks for your tip, that seems to work with my new testsite.

The old test page has too many links with references to HTTP (css, menu set etc.), where I don't know where I can change them.

The Set menu, for example, are only specified relatively, but are included in the source code with http.

#80 Re: Backlight Support » https » 2018-05-18 22:04:35

Hello from Germany,

due to the new DSGVO in the EU and Germany I also have to change my website to HTTPS. But I want to try that first on the test page and then update to Pangolin. https://backlight.der-canonier.de/

At my provider all-inkl the SSL encryption is active on my test page, I already changed the path in Company URL and Site URL.
I added the code of Charlie in the.htaccess (where exactly must the code snippet be inserted?)
However, I get an error message and can then no longer access the page and also not the admin area of Backlight.
That's why I took the code out for now.

If I check via Safari with the Inspector, I can see that the page runs on https, but the identity plate still runs on http. Where can I change this to https?
And when I look with the Inspector at "Resources", I find many paths with http (Slideshow, Menu-Item, Auto-Refresh etc.)

They all have to be changed to HTTPS, but how can I do that?

Greetings, Markus

#81 Re: Backlight Support » standard navigation does not disappear on smaller screen resulution » 2017-03-06 22:48:02

Thanks Rod and Matt, after checking all the settings again, I found the crucial setting.
Under "TrayColumns -> TrayWidth (s)"

Before I had the tray left and had it thought of as a sort of overview. I have not established the context to the mobile menu.

Now I have times to examine how this affects the gallery pages. Here http://www.der-canonier.de/galleries/03 … /03-insel/ is the tray with context on a Mac or PC. And in the mobile version this tray is empty.

I´ll look in the evening.

Markus

#82 Re: Backlight Support » standard navigation does not disappear on smaller screen resulution » 2017-03-06 17:03:06

rod barbee wrote:

hmm. Is this an update from a previous version? if so, have you cleared your template cache?

Frankly, the css controlling the tray behavior is a bit beyond me. You'll probably need Matt to take a look.

Yes, it is an update and now I´d cleared the cache.

I have yet discovered a place where these values are set: Style-Sheets -> resource.php

At line 2206 seems to be the place

} /* @media */

@media screen and ( min-width: 223px ) and ( max-width: 992px ) {
                            /* 280px / 0.85 ~= 330 */

  .page__tray[data-position="T1"], 
  .page__tray[data-position="T2"]{
    width: 240px;
  }

  body[data-effect~="push"][data-layout~="1col"] #page__toggle__T1:checked ~ .page__body .spinal__column, 
  body[data-effect~="push"][data-layout~="2col"] #page__toggle__T1:checked ~ .page__body .spinal__column, 
  body[data-effect~="push"][data-layout~="3col"] #page__toggle__T2:checked ~ .page__body .spinal__column, 
  body[data-effect~="reveal"][data-layout~="1col"] #page__toggle__T1:checked ~ .page__body .spinal__column, 
  body[data-effect~="reveal"][data-layout~="2col"] #page__toggle__T1:checked ~ .page__body .spinal__column, 
  body[data-effect~="reveal"][data-layout~="3col"] #page__toggle__T2:checked ~ .page__body .spinal__column, 
  body[data-effect~="shift"][data-layout~="1col"] #page__toggle__T1:checked ~ .page__body .spinal__column, 
  body[data-effect~="shift"][data-layout~="2col"] #page__toggle__T1:checked ~ .page__body .spinal__column, 
  body[data-effect~="shift"][data-layout~="3col"] #page__toggle__T2:checked ~ .page__body .spinal__column 
  {
    -webkit-transform: translate3d(-240px, 0%, 0);
    transform: translate3d(-240px, 0%, 0);
  }

  body[data-effect~="push"][data-layout~="1col"][data-layout~="left"] #page__toggle__T1:checked ~ .page__body .spinal__column, 
  body[data-effect~="push"][data-layout~="2col"][data-layout~="left"] #page__toggle__T1:checked ~ .page__body .spinal__column, 
  body[data-effect~="push"][data-layout~="3col"] #page__toggle__T1:checked ~ .page__body .spinal__column, 
  body[data-effect~="reveal"][data-layout~="1col"][data-layout~="left"] #page__toggle__T1:checked ~ .page__body .spinal__column, 
  body[data-effect~="reveal"][data-layout~="2col"][data-layout~="left"] #page__toggle__T1:checked ~ .page__body .spinal__column, 
  body[data-effect~="reveal"][data-layout~="3col"] #page__toggle__T1:checked ~ .page__body .spinal__column, 
  body[data-effect~="shift"][data-layout~="1col"][data-layout~="left"] #page__toggle__T1:checked ~ .page__body .spinal__column, 
  body[data-effect~="shift"][data-layout~="2col"][data-layout~="left"] #page__toggle__T1:checked ~ .page__body .spinal__column, 
  body[data-effect~="shift"][data-layout~="3col"] #page__toggle__T1:checked ~ .page__body .spinal__column 
  {
    -webkit-transform: translate3d(190px, 0%, 0);
    transform: translate3d(190px, 0%, 0);
  }

When I change this in the Inspector, than it works perfect. Is it advisable to change this file? But where I find this file on my FTP?

I find the great resource.php neither in the admin, nor in custom or elsewhere...

@Matt: can you please check once, which is somewhere adjustable

Thanks
Markus

#83 Re: Backlight Support » standard navigation does not disappear on smaller screen resulution » 2017-03-06 07:08:13

rod barbee wrote:

there's nothing in his custom css that addresses this.

what version of Backlight are you using? This is looking like a z-index issue that I believe was addressed in v1.1.1

That also surprised me, that I found nothing in his custom.css

I use TTG Backlight version: 1.1.1 roll

#84 Re: Backlight Support » standard navigation does not disappear on smaller screen resulution » 2017-03-06 05:15:43

Oh, sorry. The link already stood higher, so I thought that would not be necessary again. Here is my home page

Der Canonier - Home. The breakpoint for the mobile menu is at 992px.

The width from the menu is 250px (right side):

div.page__column.page__tray {
    width: 250px;
    }

But the movement is only 190px (left side), translate3d(-190px ..)

Therefore the left part of the mobile menu is hidden. And I want to change that 240-250px. Also in backlight I have found no way to change this value. This is probably the default value.

Christian has set the value in his mobile menu to 240px (translate3d (240px, 0%, 0);) http://www.gosslar.homedns.org/?page=about. But I don´t now how.

Markus

#85 Re: Backlight Support » standard navigation does not disappear on smaller screen resulution » 2017-03-05 21:25:08

rod barbee wrote:

translate3d(-190px ..) is not a width, it's a movement.

Ok, I understand. Unfortunately, your suggestion does not work. This is currently my code in custom.css for mobile navigation

/*Mobile Menu Anpassung*/
@media screen and ( min-width: 282px ) and ( max-width: 1024px ) {
	.page__tray[data-position="T1"], .page__tray[data-position="T2"] {
    width: 250px;
	}
	.page__mobile {
		display: block;
		float: left;
		left: auto; right: 0;
		margin: 6px 6px 24px 24px;
		width: auto;
	}
	.page__mobile .page__title {
		width: 200px;
		display: none;
	}
	.page__header, 
	.page__columns {
		margin-top: 0;
		padding-top:0;
	}
	.page__tray ul.menu a, .page__tray ul.menu a:visited, .page__tray ul.menu span {
	font-size: 16px;
	}
	div.page__column.page__tray {
	width: 250px;
	}
}

Can it be that this expression has something to do with it?

#page__toggle__T1

Markus

#86 Re: Backlight Support » standard navigation does not disappear on smaller screen resulution » 2017-03-05 04:15:16

rod barbee wrote:

ok, the font size I could reduce. At the same time I have increased the width of the menu in my custom.css (so far only on Home)

This should work for all page's using the same page template to which you're applying the custom css.

I´ve different custom.css and one for Home because of the slideshow.

rod barbee wrote:

Now I have to reduce the dark overlay. I have found this place through the Inspector, which in my opinion regulates it.

You can do this in the Designer under UI Styling > Overlays

But in UI styling I can unfortunately not adjust the width of the overlay. So I wanted to do this. The value is currently -190px

label.page__overlay.spinal__column {
	transform: translate3d(-250px, 0%, 0);
}

Markus

#87 Re: Backlight Support » standard navigation does not disappear on smaller screen resulution » 2017-03-05 03:40:02

Hi all,

ok, the font size I could reduce. At the same time I have increased the width of the menu in my custom.css (so far only on Home)

div.page__column.page__tray {
	width: 250px;
	}

.page__tray ul.menu a, .page__tray ul.menu a:visited, .page__tray ul.menu span {
	font-size: 18px;
}

Is there a way to create a text break in the menu if the entry is too long? (e.g. "San Bartholomé de Tirajana"?)


Now I have to reduce the dark overlay. I have found this place through the Inspector, which in my opinion regulates it.

label.page__overlay.spinal__column {
	transform: translate3d(-250px, 0%, 0);
}

But this does not work. Perhaps a mistake in the construction.

If I make the setting in the Inspector, exactly at this point, everything is as it should be.

body[data-effect~="push"][data-layout~="1col"] #page__toggle__T1:checked ~ .page__body .spinal__column, body[data-effect~="push"][data-layout~="2col"] #page__toggle__T1:checked ~ .page__body .spinal__column, body[data-effect~="push"][data-layout~="3col"] #page__toggle__T2:checked ~ .page__body .spinal__column, body[data-effect~="reveal"][data-layout~="1col"] #page__toggle__T1:checked ~ .page__body .spinal__column, body[data-effect~="reveal"][data-layout~="2col"] #page__toggle__T1:checked ~ .page__body .spinal__column, body[data-effect~="reveal"][data-layout~="3col"] #page__toggle__T2:checked ~ .page__body .spinal__column, body[data-effect~="shift"][data-layout~="1col"] #page__toggle__T1:checked ~ .page__body .spinal__column, body[data-effect~="shift"][data-layout~="2col"] #page__toggle__T1:checked ~ .page__body .spinal__column, body[data-effect~="shift"][data-layout~="3col"] #page__toggle__T2:checked ~ .page__body .spinal__column

-webkit-transform: translate3d(-190px, 0%, 0);
transform: translate3d(-250px, 0%, 0);

Does anyone know where the error might be?

Thanks
Markus

#88 Re: Backlight Support » standard navigation does not disappear on smaller screen resulution » 2017-02-28 23:26:18

rod barbee wrote:

I don't think I've done anything special with the mobile menu on my test site. (My main site at rodbarbee.com is still a CE4 site and its mobile menu is completely different)

I personally like the however more than in backlight

rod barbee wrote:

But yes, you can use custom CSS to control fonts in the mobile menu.

ah, ok. I´ll take a look

#89 Re: Backlight Support » standard navigation does not disappear on smaller screen resulution » 2017-02-28 15:46:28

rod barbee wrote:

Also make sure you've got the navigation assigned to the proper tray (Tray 01)

Thanks Rod, (Tray01) seems to be the solution roll smile

BTW: In this post you have explained the change at the drop down menu.
Is there a way to reduce the font size in the dropdown menu only for the mobile view? Or maybe even use a different font?
I think, this will work in custom.css?

Just discovered:
Your menu for the mobile view I like really good, great! You did this in the / * Mobile menu styling, right?

Markus

#90 Re: Backlight Support » standard navigation does not disappear on smaller screen resulution » 2017-02-27 22:37:38

Hi Rod,

rod barbee wrote:

Page Layout > Columns Layout to set which side of the page the trays appear.

Now I put all templates on "right"

rod barbee wrote:

Navigation, Trays > Display, make sure "On Mobile" is checked.

That was previously set

Now the first point is still open. The burger menu is still empty. Where could the error be?

Markus

#91 Re: Backlight Support » standard navigation does not disappear on smaller screen resulution » 2017-02-27 22:11:30

Hello,
I also have problems with my mobile navigation and the burger menue (I use Backlight version 1.1.1):

On my start side the burger menue appears on the right corner but it´s empty ☹
On Top-level Gallery the burger menue is on the left site. Ok, the size of the font for the mobile version, I have to change something

On Gallery Pages you will find the burger menu again on the right side.

But where can I find the setting for the different sites? I have already searched everything, but so far nothing found.
And why is the menu on the start site completely empty?

The settings, which Rainer enumerates, I have already checked

Does anyone have a tip for me

Many Greetings
Markus

#92 Re: Backlight Support » Going from Test environment to Live environment - a few questions » 2016-08-09 21:19:04

Hello,

probably I made the mistake, that I haven´t deleted the album sets and albums on the test page. The photos can be seen on the live site, but not included in Lightroom. Now, what is the best way?

Does it make sense to delete the entire contents of the folder "galleries" via FTP? Then completely restart in Lightroom?

Markus

#93 Re: Backlight Support » Going from Test environment to Live environment - a few questions » 2016-08-09 04:47:10

Hi Rod,

yes, it´s the slideshow Daniel posted in his blog. Thanks for the tip, I asked him.

Markus

#94 Re: Backlight Support » Going from Test environment to Live environment - a few questions » 2016-08-08 18:01:56

Danke Rainer,
das war auch meine Vermutung - werde ich mal heute Abend direkt machen.

Markus

#95 Re: Backlight Support » Going from Test environment to Live environment - a few questions » 2016-08-08 15:19:15

Hi Rod and Ben,

thanks for your help. The permission was the solution. I have set the directory permission to 777 (755 did not work). Now I can log in backlight/admin and the page works.

Now is still a bug in the identity plate. I guess that I have to re-upload it again.

And the bug with the slideshow: if "Home" is clicked, the text is for a moment behind the image of the slideshow at the top of the side.

Greetings
Markus

#96 Re: Backlight Support » Going from Test environment to Live environment - a few questions » 2016-08-08 04:44:45

Hello,
I also wanted to go live with my homepage and migrate my test site to the live site. But something went wrong. Here´s what I´ve done:

  1. my test site located in the subdomain http://backlight.der-canonier.de/. This site I downloaded to my mac. This test page I want to keep for further testing.

  2. the old CE3 site I copied via FTP in another subdomain http://alt.der-canonier.de/, because I still need this every now and then. That seems to work well

  3. then I deleted all folders and files from the previous site http://www.der-canonier.de/

  4. after this I copied the backlight test site from my Mac into this site. I get the following issue:


    session_start(): open(./backlight/framework/../data/sessions/sess_12b236c0d179a0b291963a60a47ecce3, O_RDWR) failed: Permission denied (13)|#0 [internal function]: ErrorHandler::handleError(2, 'session_start()...', '/www/htdocs/w00...', 72, Array) #1 /www/htdocs/w00a1bb9/mc-photografie/Der-Canonier/backlight/framework/helpers/AuthHelper.php(72): session_start() #2 /www/htdocs/w00a1bb9/mc-photografie/Der-Canonier/backlight/framework/init.php(120): AuthHelper::handleSession() #3 /www/htdocs/w00a1bb9/mc-photografie/Der-Canonier/index.php(19): require_once('/www/htdocs/w00...') #4 {main}|URL: /index.phpUnknown: open(./backlight/framework/../data/sessions/sess_12b236c0d179a0b291963a60a47ecce3, O_RDWR) failed: No such file or directory (2)|Unknown|0

  5. Also, I get no backlight login page
    http://www.der-canonier.de/backlight/admin/

    Here I get this issue:


    session_start(): open(../framework/../data/sessions/sess_12b236c0d179a0b291963a60a47ecce3, O_RDWR) failed: Permission denied (13)|#0 [internal function]: ErrorHandler::handleError(2, 'session_start()...', '/www/htdocs/w00...', 72, Array) #1 /www/htdocs/w00a1bb9/mc-photografie/Der-Canonier/backlight/framework/helpers/AuthHelper.php(72): session_start() #2 /www/htdocs/w00a1bb9/mc-photografie/Der-Canonier/backlight/framework/init.php(120): AuthHelper::handleSession() #3 /www/htdocs/w00a1bb9/mc-photografie/Der-Canonier/backlight/admin/index.php(17): require_once('/www/htdocs/w00...') #4 {main}|URL: /backlight/admin/index.phpUnknown: open(../framework/../data/sessions/sess_12b236c0d179a0b291963a60a47ecce3, O_RDWR) failed: No such file or directory (2)|Unknown|0

I also copied the test site (Backlight.der-canonier.de) via FTP to the live site. The same result.

What´s went wrong? Is there´s a documentation for those migration?

Unfortunately, the error messages do not help me.

Does anyone have a solution for me?

Greetings
Markus

#97 Re: Backlight Showcase » Fusion of old and new » 2016-06-24 14:55:08

Hi Wim,
thanks for your wishes smile
I´ll try it on the weekend
Markus

#98 Re: Backlight Showcase » Fusion of old and new » 2016-06-22 18:43:13

wrietvel wrote:

Gained enough confidence with Backlight to move everything over into my 'mainstream' Web-address: http://www.wimrietveld.nl

Hi wrietvel,
a very nice solution with the slideshow from CE4.

My home on m testside is the only side that I do not even like. That's why I find your solution very interesting.
Would you tell me how you have installed the slideshow? If I get out properly, my slideshow from CE3's index.php.

that would have to begin here:
<Div class = "core clearfix">

<Div id = "galleria-slideshow" class = "clearfix">

Does this chapter in phplugins? Or how you solved this?

Thank you very much

Markus

#99 Re: Backlight Support » Some Tricks for CSS in Backlight » 2016-06-20 04:50:51

rod barbee wrote:

Not sure why you think it's stupid.

Stupid is the wrong word - better is "That's a pity!"

Ok, is not so bad.

#100 Re: Backlight Support » Some Tricks for CSS in Backlight » 2016-06-19 21:56:32

rod barbee wrote:

then try adding html to the selector:

html, body {
your other css....;
min-height: 100%;
}

Perfect! Now it's like I want it

Board footer

Powered by FluxBB