Hi Günter,

I replaced the old code with yours on multiple installs and everything works as expected. The editors can use the ALB and load templates from the dropdown again. Thanks a lot!

Kind regards,
Daniel

Hi Ismael,

thanks for your link. This works: https://codepen.io/dimsemenov/pen/kXGxJv

But: The arrows ar missing again. We are one big step further and have JPG and MP4 with captions and opening in lightboxes. How can I have them grouped with arrows to go from one to the next?

  <div class="isotope">
    <a class="test" title="Test title1" href="xxx.mp4?iframe=true">Vid1</a>
    <a class="test" title="Test title2" href="xxx.mp4?iframe=true">Vid2</a>
    <a class="test" title="Test title3" href="xxx.jpg?iframe=true">Img1</a>
  </div>

Script:

(function($){
$(document).ready(function() {
$('.test').magnificPopup({
  type: 'iframe',
  
  iframe: {
     markup: '<div class="mfp-iframe-scaler">'+
                '<div class="mfp-close"></div>'+
                '<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+
                '<div class="mfp-title">Some caption</div>'+
              '</div>'
  },
  callbacks: {
    markupParse: function(template, values, item) {
     values.title = item.el.attr('title');
    }
  }
  
});
});
})(jQuery);

Do you have an idea how to merge the lightboxes as you have done with your script before?

Kind regards,
Daniel

Hi Ismael,

this works! But: For images only. I use the iframe=true for mixing images and videos. Should have made that clearer:

<div class="isotope">
  <a alt="CUSTOM ALT HERE" title="CUSTOM TITLE HERE" class="inline_popup" href="xxx.img?iframe=true"> 01 </a>
  <a alt="CUSTOM ALT HERE" title="CUSTOM TITLE HERE" class="inline_popup" href="xxx.mp4?iframe=true"> 02 </a>
</div>

So I am back to your script because it works for images and videos but breaks the possibility to click from 01 to 02 – any idea on how to keep the arrows linking to the next frame working?

Best regards,
Daniel

Nice! Thank you Ismael, now I can load the title. But: The connection to the next images is broken! I have more pictures, connected as lightbox gallery like that:

<div class="isotope">
  <a alt="CUSTOM ALT HERE" title="CUSTOM TITLE HERE" class="inline_popup" href="xxx.img??iframe=true"> 01 </a>
  <a alt="CUSTOM ALT HERE" title="CUSTOM TITLE HERE" class="inline_popup" href="xxx.img??iframe=true"> 02 </a>
</div>

With your code only the first image loads in a lightbox. The arrows to navigate from 01 to 02 are missing.

Can you fix that?

All the best,
Daniel

Hi Ismael,

see your post #1276219. I asked in 2021 because the line remove_filter destroys the code and again everyone is able to use ALB. You suggested to delete the first line and in this way it worked for years. And it still does, but right now the users besides administrators can’t access the ALB templates from the dropdown.

And they even get the error message when I add the remove_filter line to the code. It is like that:

With remove_filter: Everyone can use ALB exept templates
Without remove_filter: Only the user roles from the arry can use ALB exept templates

Seems as if there are certain rights necessary to use the templates and those rights aren’t granted with the function. What do you think?

Cheers,
Daniel

Hi Kriesi,

das ist doch gut zu wissen. Danke für die Info in Bezug auf euer Vorgehen. So können wir als User entsprechend planen.

Eine Empfehlung eurerseits im Backend oder Changelog in Bezug auf ein Plugin, welches ihr empfehlt, wäre super. Dann wissen wir als Endanwender, dass damit eine gute Kompatibilität gegeben ist. Danke!

Und danke auch für eure Arbeit, am Theme und hier im Forum.

Viele Grüße,
Daniel

But could I somehow disable the SVG icons? I have some pages with a lot of icons and different colors for them set in CSS as color:. Now I would have to change that to stroke: or am I wrong?

Best regards,
Daniel

Nice! Pretty shure I tried this and it didn’t work but never mind. Glad about the code. Thanks! You can delete the linked image.

A last question about the hook: Can I somehow load the logo url from the theme settings? In the Enfold theme options I link to the logo file and if I could refer to the given path there I would not have to change it in the code in the functions.php. Like:

$logo_url = URL FROM THEME OPTIONS;

Any chance to do so?

All the best,
Daniel

Hi Ismael,

that is the right direction. How can I write the if part if the logo is not in the library? Because I don’t have a ID for the logo …

Any idea?

All the best,
Daniel

Hi Ismael,

that’s quite obvious in the end. I could have come across that myself. Sorry! This code was shared here in the forum when you started to embed the logo as SVG directly.

I want the logo as SVG not to be used in paths. The file should be loaded. Therefore I have the code in all my pages.

Can I adapt it somehow? So that it only affects the logo, not the entire homepage? Because otherwise I have the problem with the icons and they can be used as a path because of me.

Is there a filter for the code so that (only) the logo is integrated as a file (SVG) and not as a path?

I look forward to your support. Thanks a lot!

Best regards,
Daniel

Hi Ismael,

I am sorry but no change at all. Tried all of the options in the performance settings. Emptied browser cache, opened in a private window. The Icons are even missing on two fresh installations …

Any ideas on what to do?

All the best,
Daniel

Sorry Guenni007 for not letting you know, that your wizardry did the trick. Fiddled a bit with the CSS and it works. Thanks a lot! Please excuse the long waiting time.

All the best,
Daniel