it-swarm.com.de

Link zu Seiten- und Vorfilter-Portfolioelementen

Joomla 3.9.10

Ich benutze diese Vorlage . Ich möchte auf meiner Homepage einen Link erstellen, der den Benutzer beim Klicken zur Portfolio-Seite führt und eine vorgewählte Registerkarte anzeigt.

Zum Beispiel wäre mein Link "Branding Portfolio". Wenn Sie darauf klicken, sollte dies zu http://demo2.joomshaper.com/2019/Indigo/index.php/portfolio und die Registerkarte "Branding" gehen vorab ausgewählt und die Elemente bereits gefiltert werden.

Ist das möglich?

Ich habe mit den Entwicklern JOomshaper gesprochen, aber sie haben gesagt, dass zusätzliche Entwicklung erforderlich ist, und sie bieten/unterstützen dies nicht.

Ich denke, ich könnte irgendwie verwenden und verankern und jquery?

Jeder Rat wird geschätzt.

2
jonboy

Ich habe die Antwort gefunden, danke für die Hilfe @jamesgarrett

Die Registerkarten verwendeten shuffle.js, daher musste ich die js-Datei des Seitenerstellers bearbeiten.

jQuery(function($) {

    var $container = $('.sp-simpleportfolio-items');

    $(window).load(function() {
        var $sizer = $container.find('.shuffle__sizer');

        $container.shuffle({
            itemSelector: '.sp-simpleportfolio-item',
            sequentialFadeDelay: 150,
            sizer: $sizer
        });

        // ADD - get the url hash
        var hash = location.hash.replace('#', '');
        // ADD - shuffle based on the hash
        $container.shuffle( 'shuffle', hash );
        // ADD - highlight the tab
        $('.sp-simpleportfolio-filter li[data-group="' + hash + '"] a').trigger('click');

    });

});
3
jonboy

Mit "Anker und Abfrage" meinen Sie die Art und Weise, wie bootstrap Tabs funktionieren - dh indem Sie das Uri-Fragment auf die ID des Tabs treffen lassen. Aber diese Tabs sind nicht so eingerichtet. Sie Sie können natürlich jquery verwenden, um einen Klick auf die gewünschte Registerkarte auszulösen (über das Fragment, falls dies nützlich ist), aber dies löst die dazugehörige Animation aus. Wenn Sie sich nicht darum kümmern, können die folgenden js dies tun. ..

Beispiellink mit einem Fragment: http://demo2.joomshaper.com/2019/Indigo/index.php/portfolio#branding

Beispielskript, das ausgeführt werden soll, nachdem alles andere ausgeführt wurde:

var hash = location.hash.replace('#', '');
jQuery('.sp-simpleportfolio-filter li[data-group="' + hash + '"] a').trigger('click');
3
jamesgarrett