Lightbox with PhotoSwipe only uses one single text for the caption.
Can you show me an example where two text elements come together?
В лайтбоксе с PhotoSwipe для надписи используется только один текст.
Можете ли вы показать мне пример, где два текстовых элемента собираются вместе?
Извините, забыл прикрепить ссылку с примером.
http://shainurau.com/en/portrait/#&gid=1&pid=1
Ok, I see the problem:
<figure class="fg-item-inner">
<a href="http://shainurau.com/wp-content/uploads/2019/07/polly.jpg" data-caption-title="Polyanna" data-caption-desc="45x35 cm, oil on canvas, 2019" data-attachment-id="1764" class="foogallery-thumb fg-thumb" data-width="1199" data-height="1553">
<span class="fg-image-wrap">
<img alt="polly" title="Polyanna" class="bf-img fg-image" data-src-fg="http://shainurau.com/wp-content/uploads/cache/2019/07/polly/1260625560.jpg" src="http://shainurau.com/wp-content/uploads/cache/2019/07/polly/1260625560.jpg" style="" width="250" height="250">
</span>
</a>
<figcaption class="fg-caption">
<div class="fg-caption-inner">
<div class="fg-caption-title">Polyanna</div>
<div class="fg-caption-desc">45×35 cm, oil on canvas, 2019</div>
</div>
</figcaption>
</figure>
There are two elements in the caption (fg-caption-title
and fg-caption-desc
) and Lightbox with PhotoSwipe only uses the text part of these DIV elements. Also see here, line 44 and 45:
https://github.com/arnowelzel/lightbox-photoswipe/blob/master/js/frontend.js
I never had these kind of captions before – I see, what I can do. The next update should fix this. I will use the data-caption-title
and data-caption-desc
attributes if they are present and output them with a line break – first title, then a new line with the description. The elements will have CSS classes, so you can style with different fonts if needed.
Thank you very much, I will wait for the next update of your wonderful plugin.
Release 2.5 contains additional support for data-caption-title
and data-caption-desc
attributes in the image link. You may need to turn off the backend option “Get the image captions from the database” to avoid using captions from the database.
The output will be two <div>
elements which you can also style with custom styles for the CSS classes pswp__caption__title
and pswp__caption__desc
in your theme styles or theme customize options.
Thank you, now everything is beautiful
Thank you for the feedback. Your pictures are also nice.