Kereskedelmi és bolt bővítmények

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

Quwick
Témaindító
Nem elérhető
Tapasztalt fórumozó

Több

3 éve 10 hónapja #15826 Írta: Quwick

Egyedi kép mezőben kép felugró ablakban téma létrehozva Quwick által

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!

Motoros
Nem elérhető
Prémium fórumozó

Több

3 éve 10 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!

Quwick
Témaindító
Nem elérhető
Tapasztalt fórumozó

Több

3 éve 10 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!

)
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!

Az oldal motorja a Kunena fórum

Az oldal semmilyen kapcsolatban nem áll a Joomla!© Projecttel, sem az Open Source Matters-zel. A Joomla!© logót korlátolt licenc alatt használjuk, melyet az Open Source Matters védjegytulajdonos biztosít az Egyesült Államokban és más országokban. Minden jog fenntartva © 2011-2023 Joomla! Magyarország.

Az oldal tárhelyét a Tárhelypark biztosítja. Ha támogatni szeretnéd az oldal működését, akkor kérjük, hogy az alábbi hivatkozáson keresztül vásárolj tárhelyet.