Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • #756307

    Hi,

    I use a masonry gallery with lightbox to show some paintings. If i click on 1 image i open a lightbox with the image. So far so good.
    Now i want to show the title beneath the lightbox (on the same row as image 1of 2 for example).
    I followed the instructions on
    but it does not work. I cleared all cache etc…
    Can you help me out?
    THX Freek

    • This topic was modified 7 years, 8 months ago by Freek.
    #758403

    Hey Freek,

    Please go to Media > Library and edit your images titles and that should help :)

    Best regards,
    Yigit

    #760508

    Hi Yigit,

    I did that but no luck. Can you look into it?
    See private section for URL.
    THX Freek

    #761489

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Yigit

    #761497

    See Private section.
    THX Freek

    #762662

    Hi Freek,

    Please edit enfold/avia.js find this function:

    $.fn.avia_activate_lightbox = function(variables)

    and replace

    
    image: {
    				    titleSrc: function(item){
    					    var title = item.el.attr('title');
    					    if(!title) title = item.el.find('img').attr('title');
    					    if(!title) title = item.el.parent().next('.wp-caption-text').html();
    					    if(typeof title == "undefined") return "";
    					    return title;
    					}
    				},
    

    with this

    
    	image: {
    	    titleSrc: function(item){
    		    var title = item.el.attr('title');
    		    if(!title) title = item.el.find('img').attr('title');
    		    if(!title) title = item.el.parent().next('.wp-caption-text').html();
    		    if (!title) title = item.el.find('div.av-masonry-entry-title.entry-title').html();
    		    if(typeof title == "undefined") return "";
    		    return title;
    		}
    	},
    

    Just one extra line added there.

    Let me know if this was helpful.

    Best regards,
    Victoria

    #762664

    Hi Freek,

    I did not find any control to turn off the music, I think you should give your users that option.

    Best regards,
    Victoria

    #763160

    Hi Victoria,

    Due to customer requirements, the music is not controllable. It is what it is.
    If i change avia.js, this change is gone after an Enfold update. How can i avoid this? Copy the avia.js to enfold child?
    THX Freek

    #763241

    Hi Freek,

    Follow the instructions in this thread and that should help you with it :) https://kriesi.at/support/topic/use-avia-js-in-child-theme/

    Best regards,
    Nikko

    #763531

    Hi,

    I changed avia.js but no title below the masonry lightbox.
    What is wrong?
    THX Freek

    #763613

    Hi,

    I can see that it’s loading the avia.js file properly (link in private content). Does the code Victoria working when you changed it in the parent theme (Enfold) and it’s not working when avia.js is called via child theme?

    Best regards,
    Nikko

    #764091

    I deleted the avia.js file in enfold theme and copied the avia.js to the child theme JS folder and i added the code to the functions.php in enfold child theme folder.
    THX Freek

    • This reply was modified 7 years, 8 months ago by Freek.
    #764610

    Hi Freek,

    Did it work using that method?

    Best regards,
    Nikko

    #764631

    No unfortunately it did not work. Very strange. Can you look into it again?
    THX Freek

    #766579

    Hi Freek,

    There is another Javascript error on that page, so that gallery under #work does not even show in Chrome on Mac. Did you have it when avia.js was in enfold theme folder?

    Best regards,
    Victoria

    #767273

    I tries both (in enfold and enfold-child folder).
    Regards Freek

    #767494

    Hi Freek,

    Please update the theme and we’ll see what we can do then.

    Best regards,
    Victoria

    #767561

    Theme is updated.
    regards Freek

    #768145

    Hi Freek,

    The title is there at the bottom left of the image.

    Best regards,
    Victoria

    #768165

    Hi Victoria,

    I don’t see it. Cleared all cache etc.
    Maybe there is a java problem as you mentioned before. Can you point me in the right direction?
    THX Freek

    #768377

    Hi Freek,

    In your browser press ctrl+f5 on Windows or cmd+r on Mac.

    Let us know if this was helpful.

    Best regards,
    Victoria

    #768673

    Victoria,

    Still no title in lightbox. See screenshot link in PS.
    What is going on? I tried on Safari, Chrome, Firefox, IOS and cleared all my cache.
    THX Freek

    • This reply was modified 7 years, 8 months ago by Freek.
    #769928

    Hi Freek,

    In your avia.js I don’t see the code I gave you earlier (code below is without my code)

    
    image: {
    				    titleSrc: function(item){
    					    var title = item.el.attr('title');
    					    if(!title) title = item.el.find('img').attr('title');
    					    if(!title) title = item.el.parent().next('.wp-caption-text').html();
    					    if(typeof title == "undefined") return "";
    					    return title;
    					}
    				},
    				
    

    this is why you don’t see the titles.

    Best regards,
    Victoria

Viewing 23 posts - 1 through 23 (of 23 total)
  • You must be logged in to reply to this topic.