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.
Thanks for the tips...I really do appreciate them and the insights I've gotten whilst lurking about here! That's one thing I've loved since investing in the TTG software at CE4...the support and the user community truly rocks!
I've got a few other things to sort out before I can start re-tooling the site...one other idea I was playing with was letting WordPress rule the roost and just publish galleries to be used by the WordPress posts. IIRC, if I were to go that route...WordPress would be installed in the document root and I'd just point Publisher at the gallery/galleries I'd be managing there. The more I've thought of it, the more that'd be like the site originally worked which was good enough for the family to see the pictures which is what they were really interested in anyway!
One other thought I've had is to build the site locally using WAMP and then every now and then sync Backlight and WordPress plus their databases and galleries it to the web hosting provider. Whilst that would make it easier for me to stage the content...the big concern I'd have is the difference between the local Backlight/Wordpress configs and the remote one. For WordPress, I can exclude wp-config.php from the sync to get round that...is there a similar critical file for Backlight that would save me from having to fool with the base URLs every time I sync or are the configs in the Backlight database?
And perhaps the more important question...am I a fool for even thinking of doing this local->remote sync or should I just develop/publish live and save myself a ton of aggravation?
I will be building a local installation on WAMP to serve as the authoritative archive (which is where the current site is going to move before the redesign)...that way I can keep the remote hosted site relatively small (compared to the 50GB 178K file monster it was 16 months ago after the last major pruning...and is surely much larger now which the current comparison I'm running will prove if I'm even able to back it up locally!).
Eventually it might be nice to be able to "move" albums and album sets between Publisher instances to easily support an archiving workflow but I don't think Lightroom will permit that. Push comes to shove, I can recreate the albums/sets on the target Publisher and republish (which on a local server should be relatively quick) and then bin the albums/sets on the remote server once done.
I've been debating the best way to rebuild my personal/family site (www.sunfox.com) for the past couple of months. The primary purpose of the site was as a photo blog/history to share with family and friends (particularly those who are out of state).
Previously, it was split into several sections (one for each kid, one for family with more than one kid involved, and a special section for the 35mm slides of my grandparents and my father's slides from Vietnam) and this arrangement was generally pretty painless using the CSS grid styling available in Backlight+Pages and the Publisher plug-in to manage the albums in Lightroom.
However, the site has grown much too large and I'm hitting the upper limit of inodes which is forcing me to re-tool the site as a current events site where I'm pruning older content rather than the huge photo dumping ground from the beginning of time (well...2003!) it has been.
The redesigned site would have a full-page Vegas slideshow as the landing page and then provide a link to WordPress for the photo blogging. These are pretty trivial to accomplish with Backlight+Pages and the Theatre add-in I've already purchased.
It's how to best integrate the photo galleries into WordPress that has me stumped! So with that in mind, I've got a few questions here that I'm hoping will illuminate the best practices for integrating WordPress:
1. Does the WordPress add-in support inline galleries/albums in the theme that is exported from Backlight into Wordpress?
2. Can Publisher create and manage WordPress posts with text / images (in an inline gallery) / tags?
3. If #1 and/or #2 are not possible, would you recommend using Publisher to export galleries to the Backlight+Pages site (perhaps hiding the galleries and the link to them) and providing a link to the published gallery in a post created in WordPress?
4. What would be the best way to handle inline images in WordPress posts (not necessarily a gallery)? Upload them outside of Backlight and use the URL straightaway or manage them through Publisher?
I'd appreciate any ideas on the best way to accomplish this rather than reinvent the wheel...badly! Thanks!
http://www.redvixen-studios.com/
Updating the existing Okapi-based templates to Pangolin was fairly painless...if anything, Pangolin seems to be even easier to quickly come to a usable and pretty website design. I've got a few more templates for CRG and Cart (which are currently unused on this site) to convert to Pangolin but it should be just as painless as converting the Vegas slideshow and album/album sets turned out to be.
I'm *REALLY* grooving on the "flip a switch and see the page pick up the changes straightaway" paradigm of Backlight compared to CE4 as I'm the sort that likes to play with things and see what happens rather than deal with documentation. But for the one or two niggles I encountered during the conversion...the forums already had the answers I needed (for example, discovering that inline Vegas doesn't support captions that the full-screen version does).
And this is what truly amazes me...for a product with as many switches and dials and knobs as you'd find in the cockpit of a Boeing 727, making Backlight do what one wants becomes almost second nature once you get a feel for where the switches are and what they do. Boeing hired the guy who designed the Lockheed Constellation's controls (arguably some of the best ever designed) and that guy made flying the 727 something you could do with two fingers on the control yoke...you and Ben have managed to do the same for building responsive websites out of Lightroom with Backlight.
In other words...this programmer who used to build websites the hard way is a very happy camper!
Now, the next goal is to make my site rock the awesome like more than a few sites in this topic do. Yes, Daniel Leu...yours is the site that I hope mine will eventually become when it grows up!
Here is the PHPlugins and custom CSS code I used to move the captions to at least a reasonable approximation of bottom and centred for desktop and my iPhone 6 Plus for the Vegas full-screen display that I've just updated to Pangolin on my site (everything else is Okapi so please bear with me...I'm fiddling with this whilst on holiday).
This code also uses a variation on code suggested by Matthew and Rod to select the appropriate sized masthead image in the top-pallet based on what device/orientation is in play.
You can see this live at:
http://www.redvixen-studios.com/
Feel free to adapt it to your needs!
P.S. Only the pictures of the jets have the captions...the other pictures in that gallery are on my RAID-5 tower three hours from here!
====================================
PHPlugins code snippet:
function ttg_pallet_top_title( $style, $path ) {
echo '
<li class="top-pallet-logo"><a href="http://www.redvixen-studios.com"></a></li>
';
return false;
} // END /**/
Custom CSS:
.page__pallet__top > .content > ul > li {
margin: 0;
height: 48px;
}
/*logo as background image*/
li.top-pallet-logo a {
display: block;
width: 100%;
height: 100%;
}
/* iPhone6 Plus - Portrait*/
@media only screen
and (min-device-width: 350px)
and (max-device-width: 736px)
and (orientation: portrait)
{
.top-pallet-logo
{
background-image: url("/backlight/designer/?c=page&a=image&p1=9");
background-repeat: no-repeat;
width: 270px;
height: 48px;
float: left;
}
#vegas_caption
{
position:absolute;
width:350px;
height:50px;
margin-left:-175px;
color: #fff;
top: 450px;
bottom: 0px;
left:50%;
}
}
/* iPhone6 Plus - Landscape */
@media only screen
and (min-device-width: 350px)
and (max-device-width: 736px)
and (orientation: landscape)
{
.top-pallet-logo
{
background-image: url("/backlight/designer/?c=page&a=image&p1=8");
background-repeat: no-repeat;
width: 575px;
height: 48px;
float: left;
}
#vegas_caption
{
position:absolute;
width:600px;
height:50px;
margin-left:-300px;
color: #fff;
top: 225px;
bottom: 0px;
left:50%;
}
}
/* Desktop */
@media only screen
and (min-device-width: 737px)
{
.top-pallet-logo
{
background-image: url("/backlight/designer/?c=page&a=image&p1=7");
background-repeat: no-repeat;
width: 1200px;
height: 48px;
float: left;
}
#vegas_caption
{
position:absolute;
width:600px;
height:50px;
margin-left:-300px;
color: #fff;
top: 750px;
left:50%;
}
}
Well, as it turns out...it looks like Matt and Ben's database update scripts are far more clever than I am!
---
Updating Backlight Publisher from version 3.2.0 to 3.2.2
Backing up databases...
Backed up master.sq3
Upgrading to version 3.2.1...
Update to 3.2.1 completed
Upgrading to version 3.2.2...
Updating settings table
Update to 3.2.2 completed
Click here to continue.
---
And it probably would have helped reduce the anxiety a bit had I read this rather important line from the README...
=== To update from Backlight+Pages 1.2.0 or 1.2.1 to Backlight+Pages 1.2.2: ====
---
Relatively painless upgrades (with the exception of self-inflicted stupidity such as the above!) is yet another reason to be happy with life in Backlight. And on a personal level...I'm utterly thrilled to finally know what in the hell an okapi and a pangolin is! That's another one off the bucket list...
Now the fun really begins...converting the templates to their pangolin counterparts and drooling over the new and clever things I can do with them!
It looks like I missed downloading the 1.2.1 version of the various Backlight components.
Is there a way to download the 1.2.1 versions from SendOwl or is it safe to go straight from 1.2.0 (which I'm in the process of updating the sites to that version) to 1.2.2?
Somehow I suspect it might not be with the changelog hinting at new features and possible database changes in 1.2.1.
"This is one of the frustrating things about Wordpress ... you have thousands of people writing plugins, sometimes coding rather irresponsibly, in ways that don't mesh with code written by other people ..."
Cowboy coding and not even trying to investigate and implement best practices and standards is the bane of any professional programmer's existence...and I'll be the first to admit I've been guilty of it myself from time to time, especially when it comes to the UI which as a back-end programmer has always been my weakest skill. In fact, one of the higher-priority things on my plate for a pro-bono database application I've written over the past 3-4 years is to finally wrangle all of the ad-hoc styling into a real stylesheet.
In over 20 years of driving the keyboard, I've learnt it's not enough to merely accomplish the task at hand...any code monkey with "XXX Language for Dummies" can write code that is worse than any virus can do that.
The mark of a true programming artisan is one who takes pride in the designing and crafting of elegant code that works well and plays well with others and incorporates industry best practices. And then when that is done, they test it thoroughly and document it well before releasing it to the wild.
Of course, there are times where even the most careful programmer has to deal with the fact that customer demands and the odd "execrement happens" are going to require taking extraordinary measures and occasionally that means it's you're Hawkeye Pierce doing some meatball surgery on the code quickly to get the customer running again.
It's what happens afterward that separates the amateur poseurs from the professionals.
Professionals will take the time after the immediate crisis is sorted to go back and clean up the hacks (or document them if they've got to stay) and update the test suite to test these new test cases. Professionals will go back and refactor code to make it easier to reuse and prune out the dead code. Professionals are constantly keeping up with the moving target that is the industry standards and new technologies that can be brought to bear on a problem. All of which doesn't necessarily show up in the budget or the schedule but still need to be done which is why a professional programmer's week is rarely only 40 hours...we're often doing these things on our own time and dime because whilst management will rarely see the value in these activities...you do when you have to debug and support that code two years down the road!
But most importantly, a true professional programmer is at their heart a creative individual and an artist which is something they have as much of a passion for as they do reading the latest technical journals or playing with the newest technology. Invariably the best programmers I've ever recommended for hire were the ones who were photographers or poets or writers or painters...you've got to have a creative mind to truly allow yourself to see all of the possible solutions to a problem...some of which may not be at all obvious to the casual observer.
There are plenty of industries where "Ratatouille" Chef Auguste Gusteau's adage that "anyone can cook!" works well...but professional programming ain't one of them!
Many thanks Rod,
I knew it was somewhere but had not looked here.
I like the bold d by the way. I ought to try that with the s on my surname...
I'm willing to bet there's thoughts of "if I had a nickel for every time someone didn't carefully see the spelling of my name even with that hint, I'd be awfully rich" though I have to say he's so nice to not actually point that out.
My given name is not the standard spelling used in the southern US and after a while you just laugh to yourself when you see someone blow the spelling of your name in an EMAIL only a couple of centimeters away from the correct spelling. And then keep doing that throughout the EMAIL...
Fascinating. Honestly, now there's a topic I had never even considered when designing a website user interface. Does anyone know if there are other color perception deficiencies in humans we should all be wary of? I actually did use red for my cart icon. Guess I'd better rethink that.
Mark
My mother is totally colour blind...everything is literally shades of grey.
She's learnt to recognise particular hues of grey as certain colours (for example, on a stoplight) but I'll never forget when I discovered this was when I proudly brought home a maroon-coloured sports car and being so proud of the car's colour only to have her ask me what was so impressive about a grey car!
Failing that, she'll ask what colour something is and then carry on.
I thought I had her with the thousand-piece jigsaw puzzle from hell which was a fractal-looking thing with all sorts of colours in play. She had it completely put together in less than a day...her colour blindness allowed her to look past the glaring colour and see the patterns which made it trivial. She took great delight in presenting me with that puzzle in a frame and patting me on the head with "better luck next time!"
Please provide a link to the gallery and any details needed to access the gallery and Backlight admin.
The behaviour of adding then populating packages is as designed. A package is a container that holds items selectable from the album.
Attributes should appear in the order they've been added in the admin. Is this not what you're seeing?
Credentials have been sent via EMAIL.
If you look at the "Print" product in the cart, the attributes for size are in the order I entered them (after I had deleted all of them and re-entered them in the desired order). And they're in the desired order in the droplist when adding a photo to the cart which is the most important thing.
But if you edit a pricing scheme containing the "Print" product, the attributes for size appear in a different order than displayed in the product editor or in the cart on the live site.
(FWIW, I probably should have sussed out the cart's behaviour vis-a-vis packages straightaway. I've got to say it's a right clever mechanism to populate the photos used for the various products of the package. I think at the end of the day, I'll probably just create a Google form to capture the orders for the DVDs and use Backlight's cart for those products that are explicitly derived from a photo. Even though what I was trying to accomplish doesn't look like it will be possible at this time, it was still a useful exercise playing round with the cart to see what I could make it do and in the process appreciate just that much more how clever the cart code is!).
I was playing round with the cart again today so I can start selling some photos I had taken at my daughter's dance recital. Essentially I have two separate products: prints of various sizes and packages made up of various combinations of DVDs containing web-quality renditions of the photos taken for a given recital show (we had three of them...it was that large!).
My goal was that the user could select their images in the gallery and add them to the cart in the usual fashion. In addition, the "add package" button would be set to allow them to add DVDs to their order where each package would contain the individual DVDs corresponding to the shows they had selected (with three packages containing combinations of two shows and a big package with all of the shows).
Whilst playing about with this, I noticed that when I was trying to add products to the package...the attributes for the "Print" product stayed visible even after selecting the particular show DVD from the drop-list even though each of the DVD products were configured with no attributes at all. These attributes carried throughout the cart in the summary screen as well as other locations where cart functionality is visible.
Also, whilst building up the screen shots...I clicked on a cart icon on a regular photo after having added the package with all three DVDs to the cart. I was surprised that the resulting dialogue was wanting me to assign an image to one of the products in the package that was in the drop-list. After thinking about it a bit, this shouldn't have come as a surprise and is what I'd expect to completely specify the images used for the package components so I wouldn't classify it as a bug per se. However, it would be nice to specify that a given product and/or package does not require selecting an image for the component parts of the package. I can work around this by instructing the users to select whatever image they want to be the placeholder or just handle the DVDs separate from Backlight's cart.
I also noticed that the product attributes offered for print size seemed to be in a random order and no amount of changing the name to fix the sort order would order the attributes as I wished. However, I was able to delete all of the attributes...save...and then add the attributes back in the order that I wished and even though the Cart admin screens would still show them in a random order, the actual drop list on the live cart dialogue for a print would show them in the order I wished. It might be nice to add an explicit order selection as there is in other parts of the cart.
I've built a PDF of screenshots showing the progression and have EMAILed it under separate cover to Ben so he can see what I'm describing.
I've started playing with the cart and noticed it does have a provision for calculating and applying sales tax for sales (yay!).
But North Carolina (like most of the other states) actually have multiple components to the overall sales tax rate that is imposed: a base rate of 4.75% and local rates with an optional transit tax that are added to it, the value of which varies based on which county the buyer lives.
http://www.dor.state.nc.us/taxes/sales/ … _4-17.html
(For purposes of this post, I'm not even bothering with whether the state imposes origin-based or destination-based sales taxes or remote-seller nexus which makes something that is already frightfully complicated even more hideous than it ever needed to be! For my needs, I'm only collecting tax for North Carolina buyers...the T&Cs will include a provision that the buyer will comply with their jurisdiction's tax laws including sales and use taxes. When I file my income taxes, NC expects me to list all of the out-of-state purchases I make and charges the sales/use tax right there on the D-400 return.)
Ideally, I'd have some sort of mechanism to have the user select their county if they're in North Carolina and a lookup table I can either upload a CSV file where I could associate the county name with the tax rate to be used or enter them manually as key-value pairs. This would probably be the simplest way to handle the vast majority of Backlight cart users who are in destination-based states who probably aren't computing or collecting out-of-state sales taxes, either.
Other option would be a phplugins hook that would be given the address which would return the appropriate rate to use for the given city/state/country/postcode whenever the cart needs the sales tax rate for a computation. This may also allow for individuals in the EU to compute VAT properly based on the sales thresholds that vary from EU member to EU member...generally if you're under an EU country's threshold, you use your own VAT value).
For now, I could probably get away with setting the maximum sales tax rate of 7.5% imposed in the state (which amazingly isn't Charlotte in Mecklenberg County anymore as it was for so many years!) but it means that the calculation will only be correct for my neighbours in Durham and Orange counties...everyone else in the other 98 counties (including my own!) will be overcharged to the tune of 0.25-0.75%. That might not make them happy...
The other option would be setting it to Wake County's rate of 7.25% (which is where I live) which means that for sales into Durham and Orange to the west of me...I eat the extra 0.25% which is probably the way I'm going to go with this for the time being. I don't know how many sales (if any) starting out are going to be delivered in those two counties and Wake County's rate is next in line for being highest in the state.
I had given thought to making it really easy by frankly ignoring sales tax entirely and hoping they don't notice me but in this day and age where governments are getting smarter about employing big data...yeah, I'm not really interested in finding myself on the wrong side of the prisoner's dock answering to tax charges.
Thoughts?
(Trust me, I'd understand if you guys want to punt on this with no hard feelings...US sales taxes are hideous at best and most enterprise-grade products use a sales tax engine that is constantly updated with the tax rates applicable by ZIP code which means monitoring 50 states and all of the jurisdictions within them and often complex maintenance of the underlying databases. Bleeeecccch!)
Yes, package is out of question in this case, because customer may order as many prints or files as they want.
Roughly the function would be like this:
An example base price for each order would be 20 #currency. That would be billed only once for each order, like flat shipping rate. Lets assume that a customer orders 5 photos, 7 #currency each. The final price would be then 20 + 5*7 #currency. Of course, the problem in my scenario is that if same customer orders photos multiple times, he or she has to pay base price in each order.Basically the base price is like reimbursement from used time for taking photographs etc. It would be nice to hear if other people have similar needs.
Having thought through pricing schemes recently (and I'm playing with the cart as we speak!), I came to the conclusion that for me it'd be far easier and cleaner to just reflect any costs of production and post-processing the photograph in the item's price itself.
The only exception would be photographs in which I'd offer explicit retouching for an additional charge. I very rarely touch the photos as they're generally what I want them to look like coming out of the camera but I've had one recent client whose actress daughter had a visible microphone peeking out beneath her hair she's wanting me to eliminate with Photoshop. Things like this where it'll take me significant time above and beyond applying some enhancements and presets in Lightroom are those I'd think a separate fee are appropriate. What I would envision this would be two prices in the scheme in the cart...one without retouching and a higher price with retouching.
When one is looking at the list of templates in Backlight Designer (Backlight -> Designer -> Templates)...one has the ability to click on the template's name to get access to some useful utility functions such as editing its properties or cloning the template.
I was mucking about with Backlight's CRG feedback profiles and can see the list of available feedback profiles but there doesn't appear to be any way to clone the feedback profile as one can for a template.
It's certainly easy enough to do the cut-and-paste routine from an existing CRG feedback profile to the new one but I can see cases where cloning or export functionality would be useful for CRG feedback profiles when migrating to a new installation (and to be consistent with the template utility functions).
Thoughts?
---
Why am I'm doing this? I found myself flipping a gallery on one of my old CE4 sites I've not migrated to Backlight to CRG to act as a contact sheet of dress rehearsal photos for a prospective client and creating a feedback profile that I could use as an ersatz price list for prints until I have all of the backing infrastructure in place to migrate this functionality to Cart.
I was already late to pick up number one son from school and this little exercise was yet another reminder of just how much more awesome Backlight is.
Were I in Backlight, I'd have been able to create the new feedback profile in about a minute, flip the gallery type and set the new profile in the CRG options and been done with it.
As it was, I had to watch the Dread Module Web(tm) bring a very powerful ASUS ROG G751 to its knees for over two minutes and then fight like hell to get the Web module to update the CRG template so that you could actually see the options. And then uploaded the exported web template. Then flip some more colour choices and re-export (phone call from kid hits at this point and he's right irritated!). Ooops, forgot to deselect images. Finally got it right and uploaded and now have to republish gallery...ugh!
That site will be on Backlight sooner than later!
I've had to radically rethink my migration strategy from the old hosting to Bluehost because of Bluehost's inode limitation and I strongly suspect that's the root cause of why I was seeing inconsistent behaviour with full-screen galleries for the sites still on Lunarpages. The sites over there are well over 200K files (and that's not even counting the thousands of files managed by Publisher...SSSSSSH...don't tell them!!!) and I think that once you're past that limit with Lunarpages that you're screwed and can't count on them to serve the files consistently!
I had started all of those sites (particularly sunfox.com) so that family in far flung places could see the kids growing up even if their health prevented them from visiting. Now that the primary beneficiary of that has passed away, I'm thinking of moving to a model where the most recent stuff over the past year gets hosted at Bluehost and then archived to a local web server that isn't limited inside the firewall. If I ever have to open up access to the archived content, I can move the content to a locked-down web server sitting in the DMZ and let them in that way. Not fun, not pretty, and not as easy as using web hosting...but I don't see having the wherewithal to go for a dedicated hosted server anytime soon, either.
Well, thanks to the efforts of Matthew and Ben (and certainly you for your tutorials that have saved me literally hours of reinventing the wheel!)...there's a darned good incentive to keep messing about with Backlight. The only real problem I have is that there are so many wonderfully done Backlight sites that make it difficult to decide which way I want to go with mine!
Speaking of which, one of the annual tasks I really tended to dread on sunfox.com was creating placeholder content for the new year's worth of photos. Prior to CE4 and Backlight, this was copying and pasting HTML templates and CSS files, updating all of the templates with the new copyright, and doing a lot of content housekeeping under the covers (and praying I didn't miss something in the process!). This was usually a 2-3 hour job and painful at best...
I just built the 2017 placeholders for four of the five sections of sunfox.com in about 20 minutes in Backlight Admin.
All I had to do was update the menu set for each section to point at the new album set for 2017 created by Publisher (don't have anything in it yet...got to work through the backlog!) and update the archive page to point to the old year's Publisher gallery, grab one thumbnail and upload it, and then add a new DIV for 2017 with the thumbnail filename and fix the location of the "row" CSS styles on the HTML that was built using the responsive grid framework.
And once I was done fiddling with each section, it was instantly available in production.
This would be reason #1723 that I have absolutely no desire to ever go back to hand-rolling HTML and exporting galleries out of the Web Module because the Backlight way is *WAY MORE AWESOME*!
Reason #1724 would be having a lot more time stroll down memory lane to select the images for the full-screen presentation for each section...
Absolutely stunning images!
And I love the site design...clean, simple, and inviting.
I really like the square images in the slideshow.
Not only are the images beautiful but also one could almost hear the slide projector clicking as each image transitioned. The rest of the site is nice and clean and really easy to navigate!
C'est vraiment magnifique!
No worries...truth be told, not being at the latest version *WAS* user error! And I suspect there will be plenty of times in the future that there will be more opportunities for user error on my part as I start bringing the cart online and perhaps consider integrating with FotoMoto and/or PayPal so don't put away that hammer to bonk me on the head when I'm being an idiot just yet...
FWIW, I was a beta-tester as my first job after university many moons ago before moving into the programming side of things and so have always been in favour of rock-solid steps to reproduce and proving a bug exists. I'm sure it annoyed the bejeebers out of some of the programmers I worked for with this tendency to approach these situations like a prosecutor building a slam-dunk case in court.
But that experience of having to test applications turned out to be the most valuable experience I ever had because as programmers, we have a natural tendency to trust in our code until proven otherwise. The hardest thing in programming for me through the years is to try to force myself to step back and work through the "simple" solutions first before assuming something really nasty is going on like the database is crocked or extraordinary solar flare activity or my users have turned off their foot warmers, etc.
All metadata items selected ON visually verified in the CRG configuration UI and also in the JSON for the exported template (the relevant bits are reproduced below):
"crg.metadata.meta01.title":"Date\/Time","crg.metadata.meta01.value":"{DD} {Mon} {YYYY} {HH}:{MIN}:{SS}",
"crg.metadata.meta02.title":"Lens","crg.metadata.meta02.value":"{Lens}",
"crg.metadata.meta03.title":"Shutter speed \/ Aperture","crg.metadata.meta03.value":"{ShutterSpeed} at {Aperture}",
"crg.metadata.meta04.title":"ISO Speed Rating","crg.metadata.meta04.value":"{ISO}",
"crg.metadata.meta05.title":"Exposure Bias","crg.metadata.meta05.value":"{ExposureBias}",
"crg.metadata.meta06.title":"Flash","crg.metadata.meta06.value":"{Flash}"
"crg.select":"on",
"crg.feedback":"on",
"crg.metadata.meta01":"on",
"crg.metadata.meta02":"on",
"crg.metadata.meta03":"on",
"crg.metadata.meta04":"on",
"crg.metadata.meta05":"on",
"crg.metadata.meta06":"on"
Digging into the code in file jquery.ttgcrg-backlight.js, I found this loop at line 224 that renders the metadata deflist items in the modal popup:
for (count = 1; count < 5; count++) {
var title = $(img).attr('data-metadata-title-' + count);
var value = $(img).attr('data-metadata-value-' + count);
if (title != undefined && value != undefined) {
$('div.crg-metadata').append('<dl><dt>' + title + '</dt><dd>' + value + '</dd></dl>');
}
}
That loop will terminate after four iterations...when the 5 is changed to a 7, all six of the available metadata items appear in the modal popup if they're turned on in the template. I tested this by quickly patching that file on my site and it seems to work with no knock-on ill effects.
It looks like I was using Client Response 7.0.1 and didn't realise it wasn't the latest version on offer. Let's just say that I was thinking of James May's favourite catchphrase when that unfortunate discovery was made...
Updated Client Response to 7.0.2 and the rating stars are now working as expected. Yay and thank you!
Metadata 5 and 6 are still not being displayed in the popup after updating to 7.0.2 and those items aren't rendered in the crg-metadata DIV for the popup:
<div class="crg-metadata"><dl><dt>Date/Time</dt><dd>18 Feb 2017 16:52:47</dd></dl><dl><dt>Lens</dt><dd>300 mm f/4</dd></dl><dl><dt>Shutter speed / Aperture</dt><dd>1/320 sec at f/9.0</dd></dl><dl><dt>ISO Speed Rating</dt><dd>800</dd></dl></div>
Interestingly, the metadata is available in the main gallery HTML for each cell (I had to clear the template cache and re-publish the gallery to ensure correct metadata was rendered):
<figure id="fig-emw_20170218_165247_Planes_0034" class="color0" itemscope itemtype="http://schema.org/ImageObject">
<div class="album-frame">
<div class="cellNumber">6</div>
<a class="pswp_go" href="http://redvixen-studios.com/galleries/test-album/emw_20170218_165247_Planes_0034-single.php" data-href="http://redvixen-studios.com/galleries/test-album/photos/emw_20170218_165247_Planes_0034.jpg" data-size="960x641" style="background-image: url(http://redvixen-studios.com/galleries/test-album/thumbnails/emw_20170218_165247_Planes_0034.jpg); top: 35px; left: 7px; width: 168px; height: 112px;">
<img src="http://redvixen-studios.com/galleries/test-album/thumbnails/emw_20170218_165247_Planes_0034.jpg" id="photo-emw_20170218_165247_Planes_0034" height="112" width="168" style="height: 112px; width: 168px;" alt="emw_20170218_165247_Planes_0034.jpg" title="emw_20170218_165247_Planes_0034.jpg"
data-metadata-title-1="Date/Time" data-metadata-value-1="18 Feb 2017 16:52:47" data-metadata-title-2="Lens" data-metadata-value-2="300 mm f/4" data-metadata-title-3="Shutter speed / Aperture" data-metadata-value-3="1/320 sec at f/9.0" data-metadata-title-4="ISO Speed Rating" data-metadata-value-4="800" data-metadata-title-5="Exposure Bias" data-metadata-value-5="0 EV" data-metadata-title-6="Flash" data-metadata-value-6="no flash"
/>
</a>
<button class="gridicon crg-select select-emw_20170218_165247_Planes_0034 off"></button><button class="gridicon crg-feedback feedback-emw_20170218_165247_Planes_0034" data-mfp-src="#crg-modal"></button>
<a class="gridicon download" href=""><span>Download</span></a>
</div>
<figcaption itemprop="caption description"></figcaption>
<ul class="metadata">
<li>emw_20170218_165247_Planes_0034</li>
</ul>
</figure>
I ended up disabling all of the metadata items one-by-one until none of them was displayed on the popup...still getting the same result when fiddling with the ratings stars.
Error message in console when hovering over a star:
TypeError: $(...).prevAll(...).andSelf is not a function[Learn More] test-album:586:12
Error message in console when clicking on a star:
TypeError: $(...).prevAll(...).andSelf is not a function[Learn More] test-album:604:5
Error message in console on mouse leaving the star:
TypeError: $(...).prevAll(...).andSelf is not a function[Learn More] test-album:591:6
Those line numbers are roughly two script invocations to resource.php for scaffolding and scripts, respectively...I popped those URLs into the browser window and the server served up the scripts.
I'm going to re-enable the metadata items and restore the template to it's former state for any additional debugging you might need.
I've finally got round to configuring the Client Response add-on in the new Backlight site I'm building on Bluehost (to replace studios.redvixen.com on my current host which has proven to not serve up Backlight content consistently) and noticed a couple of potential bugs.
The test gallery in question is located at:
http://redvixen-studios.com/galleries/test-album/
(BTW, totally love the new version compared to CE4...much cleaner looking and the help button integrated by default makes it so much more user-friendly! Well done!)
===
1. The feedback profile has the "Has Rating" setting set to "Yes" and when I select an image to provide feedback, I can see the stars displayed under the image but cannot select any of them. When I looked at the stars using the Firefox inspector, there doesn't seem to be a click handler that I can find that would actually update the rating for the feedback.
<div id="image_id" class="image_rating">
<span class="star_1 ratings_stars" data-score="1"><span>1</span></span><!--
--><span class="star_2 ratings_stars" data-score="2"><span>2</span></span><!--
--><span class="star_3 ratings_stars" data-score="3"><span>3</span></span><!--
--><span class="star_4 ratings_stars" data-score="4"><span>4</span></span><!--
--><span class="star_5 ratings_stars" data-score="5"><span>5</span></span>
</div>
Looking deeper in the code (specifically jquery.ttgcrg-backlight.js), it does appear a click handler is inserted on the fly by jQuery but it doesn't seem to be firing in any of the browsers I have tried so far (FireFox, Chrome, IE11 Safari on iOS on both iPhone and iPad).
2. The template used to generate the client response gallery has all six metadata items configured and set to "On" but only the first four are displayed in the feedback popup. These last two aren't critical but one would think they would be displayed if toggled on:
"crg.metadata.meta05":"on","crg.metadata.meta06":"on","crg.metadata.meta05.title":"Exposure Bias","crg.metadata.meta05.value":"{ExposureBias}","crg.metadata.meta06.title":"Flash","crg.metadata.meta06.value":"{Flash}"
On our previous episode of "I Really Was Not Trying to Drive Matthew and Ben Completely Mental About Vegas But Was Probably Doing It Anyway", I had noted inconsistent rendering of Vegas full-screen presentations observed on http://www.sunfox.com/ that appeared to be Lunarpages not serving up resources consistently in this topic:
http://community.theturninggate.net/vie … hp?id=7291
On a whim (and because I've got four hour-long videos I'm transcoding to BluRay and DVD...i.e. I'm wee bit bored and not in the mood for a session of bullock juggling!), I've taken the liberty of setting the SQLLite settings to PERSIST/OFF that was suggested for SQLite files on networked storage and restoring the problematic masthead image to Nicholas' full page template to see if it makes the rendering more consistent.
So far, so good!
If it keeps behaving properly for a few days for Firefox and Chrome, I'll reverse the other changes I had made to those templates and call it a day.
BTW, the reason I had even thought of playing with this (besides being bored) was that I was seeing the masthead render properly on the other Backlight pages...it seemed to only be the Vegas full-screen presentation that was acting inconsistent for me. And older full-screen presentations worked fine on the several sites hosted on that server still based on CE4. But it was Ben's comment about Backlight being much more database intensive and seeing problems on other Backlight sites that really pushed me to perform the experiment.
Matthew's reasonable diagnosis of the server being stuffed and inconsistent may well still be the ultimate right answer but if this band-aid solves the problem or at least markedly reduces it, it'll be worth knowing the SQL config changes may help in other places than Bluehost.
Just installed Backlight into a virgin Bluehost account and it has gone very nicely...it took longer to delete the placeholder crap that was in public_html than it was to drop Backlight/Pages/CRG/Cart into play and upload them!
My initial impressions of Bluehost is that it has a *MUCH* nicer cpanel interface than Lunarpages (though I will say the constant login interstitial screen when clicking between things is a bit annoying) and the performance of Backlight seems much more consistent than some of the weirdness I was seeing previously.
Anywho, I was pre-emptively trying to address the Bluehost-specific support options in the document referenced above but found that when I tried disabling the optional PHP extensions in the Php Config applet, there is no "Additional extensions available for Installation" or any way to disable those extensions on that screen (they display a section where they detail the extensions they load by default for each version of PHP in play (5.4, 5.6 which I picked with single php.ini file, and 7).
The extensions are listed at the bottom of php.ini and I could comment them out there but for now they don't seem to be causing me any problems (I did edit it to add the "registered" EMAIL address so that when I test CRG and the contact page, EMAIL should work).
I didn't even have to get into your slideshows. The masthead image in your header is intermittently failing to load when I visit the site. I reload, it comes, it goes, it comes again, it goes again ...
Backlight is not at fault here. Your server is just doing a really crappy job of consistently loading resources. So yes, I would venture to say that we can pin this one on your hosting. I personally have Backlight running on two separate services, Bluehost and MediaTemple, as well as locally on MAMP, and I have not seen this behavior in any of these environments.
For the time being, I've killed the masthead image on all of the full-screen slideshow page templates and cleared the cache. Firefox took a bit more convincing (had to hit reload twice on most of them) but Chrome seemed to pick up the changes straightaway. The masthead images were nice but I'm more interested in the slideshow kicking off consistently...
I had noticed the server I'm on having occasional goofy moments ever since Lunarpages rebuilt it about a year or so ago but hadn't really had the time until now to try to debug what was going on. That particular site is 50GB of images with five generations of HTML templates since it went live in 2003 so it's not the easiest thing to just pick up and move.
That was the primary reason for how I designed the Backlight templates in play on sunfox.com...I didn't wish to try to completely rebuild the whole site but rather get Backlight to take over from CE4 (which is the 2015 content) and the previous pages/galleries. I might revisit the idea of doing a full rebuild if Google would ever get off their duffs and finish the build out of Fiber here in Raleigh but for now I'm very happy with Backlight ruling the roost and pointing at the old galleries even if it's not necessarily the most pretty site out there (dammit Jim...I'm a database weenie, not a web designer!
I just created a new hosting account over at Bluehost and will be migrating the Red Vixen Studios site from it's current location. As I've happily gone all-in on Backlight and I'm looking forward to integrating CRG and Cart for online sales, that's the one site that will be really critical to ensure that the hosting is in ordnung!