Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Grouping Images in Post (Solved)
(1 viewing) (1) Guest
"ARI Fancy Lightbox" WordPress plugin
Go to bottomPage: 12
TOPIC: Grouping Images in Post (Solved)
#72309
Grouping Images in Post (Solved) 1 Month, 3 Weeks ago Karma: 0
I can't seem to figure out how to group images on a WordPress post.

I went to Arisoft Lightbox settings: Integration > Images > Custom grouping selectors. I tried the following (single line of code in each attempt):

Code:

.modern-footnotes-footnote__note--tooltip$$.tiled-gallery-item A

.modern-footnotes-footnote__note--tooltip .tiled-gallery-item$$A

.modern-footnotes-footnote__note--tooltip$$A .tiled-gallery-item$$A

.modern-footnotes-footnote__note--tooltip A.tiled-gallery-item



I tried many other variations as well with no luck. Admittedly I can't claim to understand the selector pattern; a bit different from CSS selectors as I haven't grasped how the $$A tokens work.

On the following page you'll see red ordered numbers that have a camera icon preceding them, click one to open the tooltip with an image.



Clicking the image opens up Arisoft lightbox but you'll see the opened image is not grouped:
dev.mountainwiki.com/chair-peak-s-shoulder-7-19-19

Ideally the opened Arisoft lightbox allows grouping of other tooltip images so that we can navigate the post diagrams. Each diagram image is wrapped in a span that has a class of 'modern-footnotes-footnote__note--tooltip'. Any help with this would be greatly appreciated.
Last Edit: 2024/10/29 19:57 By Josh.
The topic has been locked.
 
#72319
Re:Grouping Images in Post 1 Month, 3 Weeks ago Karma: 760
Hello,

CSS selector before $$ is used to find container elements. For each container element separate grouping will be used. CSS selector after $$ is used to find all child elements inside container element. Child elements will be grouped.

Regards,
ARI Soft
The topic has been locked.
 
#72325
Re:Grouping Images in Post 1 Month, 3 Weeks ago Karma: 0
I seem to be getting closer but it won't group with:

Code:

.jrListingFulltext$$.modern-footnotes-footnote__note A.tiled-gallery-item


Another variation:

Code:

.jrListingFulltext$$.modern-footnotes-footnote__note .tiled-gallery-item A


I've tried adding a space just before $$, along with many other variations of wrapping the position of A to the end or just after $$.

I decided to re-create another WP post to make the DOM as simple as possible, so each [gallery] is wrapped in a simple div that has a class of "related".

The following seemed right but also doesn't group photos:

Code:

.related$$.tiled-gallery-item A


Code:

$$A.tiled-gallery-item


Code:

$$.tiled-gallery-item A


When disabling Jetpack carousel I has no luck with:

Code:

$$.gallery-item A
$$A.gallery-item



When it comes to CSS selectors I generally do quite well in this arena so there must be something I'm not grasping. I can even work with attribute selectors and pseudo elements with conditions. Thank you for being patient with me, a little more guidance would be greatly appreciated.
I studied other threads that used $$ such as:
www.ari-soft.com/ARI-Fancy-Lightbox/67363-Possible-to-group-photos-further-down-a-page.html#67366
www.ari-soft.com/index.php?option=com_kunena&Itemid=54&catid=72&func=fb_pdf&id=62312&lang=en
Last Edit: 2024/10/28 23:36 By Josh.
The topic has been locked.
 
#72326
Re:Grouping Images in Post 1 Month, 3 Weeks ago Karma: 760
You can populate "Custom grouping selectors" parameter with the following code for the second page ("another-chair-peak-report"):

Code:


.tiled-gallery-item A



Regards,
ARI Soft
The topic has been locked.
 
#72327
loli cp 1 Month, 3 Weeks ago Karma: 0
loli cp


==> xzy.cz/2333 <==

==> wts.la/wfelq <==
The topic has been locked.
 
#72328
На сайте Mostbet вы всегда найдете актуальный вход 1 Month, 3 Weeks ago Karma: 0
Используйте официальную версию мостбет для ставок на спорт и получите доступ к самым актуальным коэффициентам и лучшим условиям для игроков.
The topic has been locked.
 
Go to topPage: 12