Kereskedelmi és bolt bővítmények

Egyedi kép mezőben kép felugró ablakban

Több
3 éve 3 hónapja #15826 Írta: Quwick
Sziasztok!

Egy bútorgyártással foglalkozó oldalon a termékleírás helyén „A termék méretei és tömege” helyett méretrajz megjelenítését szeretném megoldani, de napok óta nem sikerül.
A termék méreteit meg tudom jeleníteni a „tulajdonság” egyedi mezővel, de ez helyett méretrajzot szeretnék megjeleníteni felugró ablakban.
A „kép” egyedi mező képszélesség és képmagasság paraméterénél megadtam a bélyegkép méretét. Meg is jelenik szépen, de nem találok rá megoldást, hogy rákattintással megnyíljon nagyobb méretben, felugró ablakban.
A kép az alábbi formázással jelenik meg:
Code:
<div class="product-field-display"><img loading="lazy" src="/images/virtuemart/product/resized/meretez-1_300x228.jpg" alt="meret1" width="300" height="300"><span class="vm-img-desc">meret1</span></div>

A Jomla, a Virtuemart, és minden más kiegészítő legfrissebb verzióit használom.
A kategóriák és termékek feltöltése, sablonhoz igazodó beállítása kész localhoston!
A katalógusként használt beállítások is készen vannak, a Magic Thumb és a Fancyboxszépen működik. Az Alapvető CSS stílusok & Javascriptek a Virtuemart konfigurációban az utolsó kivételével mind be vannak pipálva.
A sablon hivatalos (Themeforest Antares)

Előre is köszönöm annak, aki tud segíteni!

"Ha magunkhoz veszünk egy éhező kutyát és enni adunk neki, akkor soha nem fog megharapni. Ez a különbség a kutya és az ember között." kutyanet.hu

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
3 éve 3 hónapja #15827 Írta: Motoros
Motoros válaszolt a következő témában: Egyedi kép mezőben kép felugró ablakban
Lehet hogy eme irányból kellene újra gondolnod:

Adsz osztályt hozzá
<img class="legyél_nagyobb" loading="lazy" src="/images/virtuemart/product/resized/meretez-1_300x228.jpg" alt="meret1">

és meghivatkozod a stílusban valahogy így:
.legyél_nagyobb{width:300px;height=300px;transition:transform .2s;}
.legyél_nagyobb:hover{transform: scale(1.5)}
Nincs felugró ablak, ám látványos effekt... Ami kielégíti a megrendelőt szerintem.

Off. Én tudom, hogy a méret rajzokhoz jpeg helyett 1 bites tömörített (fekete/fehér) png képformátumot akarsz használni! Vagy vektoros svg-t?
Csak ezt még nem sejtetted... :-)
Illetve a meretez-1_300x228.jpg fizikai métete ez esetben talán 300xscale érték

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
3 éve 3 hónapja #15876 Írta: Quwick
Quwick válaszolt a következő témában: Egyedi kép mezőben kép felugró ablakban
Motoros!

Köszönöm szépen, úgy gondolom nagyon jó inspirációt adtál! Ami óta írtad az óta keresgélek a megoldáson, nem adom fel! (Mondták már, hogy csök vagyok! :D)
A lényeg, hogy a PHP programozást csak ugatom! (Igaz biztonságosan buherálni nagyon szeretek)

Megtaláltam a kép forrását, de nem tudom, hogy hogyan adhatnék neki hivatkozást! (Illetve az általad javasolt osztályt sem!)
(components/com_virtuemart/sublayouts/customfields.php 48. sor)
Code:
<?php } if (!empty($field->display)){ ?> <div class="product-field-display"> <?php echo $field->display ?> </div> <?php } if (!empty($field->custom_desc)){ ?><div class="product-field-desc"><?php echo vmText::_($field->custom_desc) ?></div> <?php } ?> </div>
Ez generálja a témaindítóba linkelt kódot! Ez csak natúrban megjeleníti a képet hivatkozás nélkül!

Szerkesztő típusú egyedi mezőben az alábbi kódot beillesztve azt kapom, amit szeretnék!
Code:
<div class="main-image"> <a title="" rel="vm-additional-images" href="/mydomain/images/virtuemart/product/meretez-1.jpg"> <img loading="lazy" src="/mydomain/images/virtuemart/product/resized/meretez-1_150x114.jpg" alt="meretez-1" width="810" height="599"> </a> </div>

Szóval egyenlőre sötétben tapogatózóm!

"Ha magunkhoz veszünk egy éhező kutyát és enni adunk neki, akkor soha nem fog megharapni. Ez a különbség a kutya és az ember között." kutyanet.hu

Jelentkezz be, hogy te is részt vehess beszélgetésben!