Supportforum - Thumbnail jumpmarks

Thumbnail jumpmarks

RIIID , September 02 2020, 14:43

RIIID 21

September 02 2020, 14:43 #65

Hello Marco,

I would like to use your gallery as a means to create jump-marks to anchors in the article below. The thumb gallery is a module placed with shortcode above the text.

As far as I understand the workings of your gallery, this should be possible using the description.html & "external links", while turning off the lightbox.

What I can't seem to find is an example of the description.html. Could you please provide me with one?

Also, but this is not important at the moment, how would I go about creating this as a dynamic module?

Regards,

Richard

PS: PM me if you need a link to the exisiting page, so far I have been doing this manually using uikit 3

marco 541

September 02 2020, 17:14 #66

Hi Richard

This is a very interesting idea, currently it is not (yet) possible to realize it with the given options, but I will immediately begin to make sure that the necessary options are available.

I can imagine an integration in which instead of an external url simply the anchor link is stored in the folder.json...
In the module, the option for an image link with deactivated lightbox must be added and the targetwindow must be defined away,
Additionally we could also use uk-scroll for this purpose... Sounds everything feasible :-)

About the Dynamic Mode:

Basically, the Dynamic function is very simple, create an instance of the Oriel Pro module and set the mode to Dynamic (and make sure that the module is published on all sites). In dynamic mode, you can choose directly from the custom fields available in Oriel. You just need to add a custom field to the article, and then just enter the path to the image folder as the value of the custom field.

Have you already checked out my tutorial here: https://nx-designs.ch/support/manuals/?nxlib=123&article=101 ?

I'm aware that it might be not that "natural" handling and I planned already to create a short video longtime ago but did not found the time yet...

---------

Rate us on JED: https://extensions.joomla.org/profile/profile/details/379934

---------

R

RIIID 21

September 02 2020, 20:52 #67

Yes, I did look at the manuals. Makes sense, but for now I only need one static module. And yes, YOOtheme makes us jump through all kinds of Joomla hoops

.

Thanks for looking into the modification - I was planning on doing those myself, it should not be that hard.

I also did see the created JSON file inside the image folder - but what should the structure of the description.html (or .txt) be like?

marco 541

September 03 2020, 13:22 #68

Hi Richard the structure for the description is not really important. But if you are using a description.html remove the head and body tags.

As you might already have seen there is a new update for OrielPro in the wild Version 1.1.0 supports now anchor links.

Simply disable lightbox, enable image link and set the link target to auto or self. Then you can enter div id's as exturl for images in folder.json.

Tutorial will be added soon but i think you know how to handle it

---------

Rate us on JED: https://extensions.joomla.org/profile/profile/details/379934

---------

R

RIIID 21

September 03 2020, 15:16 #69

Awesome, I'll try it right away! Thanks!

R

RIIID 21

September 03 2020, 17:29 #70

...works great!
For some reason, UIkit scroll does not kick in - even though I do see nx-scrollspy-inview in code

Also, I do need an offset setting - currently I use

uk-scrollspy-nav="scroll: true;offset:140;"

in my other module (beacuse of a 120 px header)

Here is my backend setting:

My JSON looks like this:

{
 "Kachel01.jpg":{"extUrl":"#TALK","description":"Sprungmarke: TALK Projekt"},
 "Kachel02.jpg":{"extUrl":"#SonicVisions","description":"Sprungmarke: Sonic Visions"},
 "Kachel03.jpg":{"extUrl":"#LKJ","description":"Sprungmarke: LKJ Projekt"},
 "Kachel04.jpg":{"extUrl":"#Neustadt","description":"Sprungmarke: Neustadt"},
 "Kachel05.jpg":{"extUrl":"#Kunst","description":"Sprungmarke: franz.K bekommt eine Sprüh- und eine Kunstwand"},
 "Kachel06.jpg":{"extUrl":"#Politik_im_franzk","description":"Sprungmarke: Politik im franz.K"}
}

It does jump to the correct # anchor, just very fast

Take a look here: https://stage.franzkcloud.de/test/galerietest

I have another question - but will open a new thread.

Richard

Attachments

(29.72 KiB)

11 Downloads/Views

marco 541

September 04 2020, 11:02 #73

Answer

Hi Richard

It looks like i have a error in the logic, when you have selected "Link Target" as "this window" the uk-scroll will not be added. I will change that with a bugfix. At the moment you can select "Automatic" In this case links starting with "https..." will be opened in a new tab and links starting with "#..." will be loaded in _self context. and with Link Target set to auto uk-scroll will also be added.

Kind regards

Marco

---------

Rate us on JED: https://extensions.joomla.org/profile/profile/details/379934

---------

R

RIIID 21

September 04 2020, 12:42 #74

Thanks!

Yes, it works with "Automatic"...

Thumbnail jumpmarks

Login Forum