× Kereskedelmi és bolt bővítmények

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

Több
2020 máj. 31 17:18 #1 Í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:
<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 szeretnéd az összes szabadidődet mások szerint értelmetlenül eltölteni, legyél te is Joomla buherátor!
Web megjelenés: www.webmegjelenes.hu/

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

Több
2020 jún. 01 11:40 #2 Í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
2020 jún. 03 21:24 #3 Í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)
<?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!
<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 szeretnéd az összes szabadidődet mások szerint értelmetlenül eltölteni, legyél te is Joomla buherátor!
Web megjelenés: www.webmegjelenes.hu/

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