Elementor קישורית ללייטבוקס בגלרי

[שוקו ציפס]

מחפשת אפשרות להוסיף קישוריות לוידגט גלרי או פורטפוליו.
לא לכל הוידגט אלא לכל תמונה בנפרד.
בתודה מראש!

 

[שוקו ציפס]

@חגית קרמר @ראובן ליבוביץ @רוני רביץ @אלעזר 1 @תמנתי ווב דיזיין
סליחה שאני מעירה אתכם!

 

[דידקטית]

לוידגט גלרי

בגלריה אפשר לקשר לקובץ בעצמו,
או לקשר את כל התמונות לאותו הלינק.

פורטפוליו

הפורטפוליו הוא גריד של הפוסטים באתר,
כל פריט בגריד מקשר לפוסט המתאים.

מחפשת אפשרות להוסיף קישוריות

אם את צריכה קישור ייחודי לכל תמונה תשתמשי בג'ט

 

[שוקו ציפס]

בגלריה אפשר לקשר לקובץ בעצמו,
או לקשר את כל התמונות לאותו הלינק.


הפורטפוליו הוא גריד של הפוסטים באתר,
כל פריט בגריד מקשר לפוסט המתאים.


אם את צריכה קישור ייחודי לכל תמונה תשתמשי בג'ט

תודה רבה על התגובה המפורטת! בעצם או שצריכים לרכוש את גט או לבנות פוסט... (אפילו שכאן יותר מתאים לי רק לייטבוקס+קישורית מותאמת)

 

[אלעזר 1]

יש לאלמנטור ניסוי שנקרא 'אלמנטים מקוננים', אם תפעילו אותו תוכלו להשתמש בוידג'ט לשוניות שמאפשר להכניס כל אלמנט אפשרי לכל אחת מהלשוניות, מה שמאפשר גם לתת ID לאלמנטים שמקוננים באחת הלשוניות

אבל כאמור - זה עדיין בשלב הבטא

 

[roni ravitz]

זה לווידג'ט גלריה (בפרו)
(מכניסים את הקוד בתוך ווידג'ט HTML)

<script>
document.addEventListener('DOMContentLoaded', function() {
jQuery(function( $ ){
let thestring = [
'?image1',
'?image2',
'?image3',
];
thestring.forEach( (string,i) => {
if (window.location.href.indexOf(string) > -1){
$('.e-gallery-item').eq(i).click();
} } );
});
});
</script>

ואז את עושה קישור כזה https://website.co.il/gallery/?image1

בהצלחה

 

[אלעזר 1]

זה לווידג'ט גלריה (בפרו)
(מכניסים את הקוד בתוך ווידג'ט HTML)

<script>
document.addEventListener('DOMContentLoaded', function() {
jQuery(function( $ ){
let thestring = [
'?image1',
'?image2',
'?image3',
];
thestring.forEach( (string,i) => {
if (window.location.href.indexOf(string) > -1){
$('.e-gallery-item').eq(i).click();
} } );
});
});
</script>

ואז את עושה קישור כזה https://website.co.il/gallery/?image1

בהצלחה

קוד נהדר!

תרשה לי להציע שדרוג קטן שיאפשר לקשר לכל תמונה גם בגלריות גדולות יותר בלי צורך לשנות את הקוד

<script>
document.addEventListener('DOMContentLoaded', function() {
    jQuery(function( $ ){
        var url = new URL(window.location.href);
        if( i = url.searchParams.get("image") ){
            $('.e-gallery-item').eq(i).click();
        }
    });
});
</script>

בצורה הזו הקישור יהיה במבנה הזה:

https://website.co.il/gallery/?image=1

https://website.co.il/gallery/?image=2

וכן הלאה ללא הגבלה

אגב, חשוב לשים לב שהמספור מתחיל מ-0

 

[roni ravitz]

תרשה לי להציע שדרוג קטן שיאפשר לקשר לכל תמונה גם בגלריות גדולות יותר בלי צורך לשנות את הקוד

חזק