Post by burley » Thu Feb 21, 2013 6:33 am

Ik wil graag een informatie pagina oproepen in een pop-up danwel lightbox.

Ik kan de pagina op een bepaalde grote weer laten geven, maar dan krijg je in principe een volledig browser scherm wat er geopend wordt. En dat is niet wat ik wil. Iemand enig idee hoe dit op een juiste wijze mogelijk is?
Last edited by burley on Thu May 09, 2013 9:46 pm, edited 2 times in total.

User avatar
Active Member

Posts

Joined
Sun Oct 09, 2011 3:30 pm

Post by victorj » Thu Feb 21, 2013 6:51 am

als je een link het parameter _blank meegeeft kunje nog veel meer toevoegen ao windows size wel op geen scroll bars enz

een uitgebreide uitleg vindt je hier

http://www.w3schools.com/jsref/met_win_open.asp

Koeltechnische deurrubbers eenvoudig online op maat bestellen.
Alle niet stekplichtige onderdelen zoals scharnieren, sloten, randverwarming en verlichting voor alle typen koelingen en vriezers.
https://koelcel-onderdelen.com


User avatar
Expert Member

Posts

Joined
Sat Jun 25, 2011 4:09 am
Location - Alkmaar Holland

Post by burley » Fri Feb 22, 2013 11:32 pm

Bedankt voor je reactie!

Maar wat ik graag zou willen is de content van de info pagina weergeven in een soort lightbox. Maar misschien is dat niet zo praktisch als ik dacht.

User avatar
Active Member

Posts

Joined
Sun Oct 09, 2011 3:30 pm

Post by burley » Sat Feb 23, 2013 7:01 am

Ben er even mee bezig geweest, krijg wel een pop-up van de betreffende informatie pagina, maarrrr daarin staan dan ook de header, footer, etc.

Ik wil eigenlijk alleen de pagina met de informatie openen, het gaat om een maattabel, dus alle extra informatie is overbodig. Zeker ook omdat het een nieuw scherm betreft, daarin hoeft geen navigatie te zitten.

Iemand enig idee?

User avatar
Active Member

Posts

Joined
Sun Oct 09, 2011 3:30 pm

Post by victorj » Sat Feb 23, 2013 7:23 am

In de link kun je ook verwijzen naar een extern html bestand dat je speciaal maakt voor de popup.
Soms moet je creatief denken.
kom je er niet uit geef maar een PM

Koeltechnische deurrubbers eenvoudig online op maat bestellen.
Alle niet stekplichtige onderdelen zoals scharnieren, sloten, randverwarming en verlichting voor alle typen koelingen en vriezers.
https://koelcel-onderdelen.com


User avatar
Expert Member

Posts

Joined
Sat Jun 25, 2011 4:09 am
Location - Alkmaar Holland

Post by burley » Sat Feb 23, 2013 5:49 pm

dat gaat wel lukken, maar dan moet ik een aparte html pagina maken daarvoor.

Op zich geen probleem, maar het was leuk geweest als ik de reeds bestaande sizechart in de informatie pagina's kon gebruiken als popup zonder daarin de rest van de webshop te laden. Op die manier kan ik ook de multi language functie gebruiken zonder daarvoor allerlei nieuwe trucken te moeten toepassen.

User avatar
Active Member

Posts

Joined
Sun Oct 09, 2011 3:30 pm

Active Member

Posts

Joined
Sun Oct 21, 2012 3:18 am


Post by victorj » Sun Feb 24, 2013 3:18 am

daik01 wrote:Zet het in een jave alert box, zoiets als dit?

http://www.w3schools.com/js/tryit.asp?f ... ryjs_alert
als je code in de opschrijving plakt als code werkt dat dus perfect een mooie om te onthouden :-)

Code: Select all

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Hello! I am an alert box!");
}
</script>
</head>
<body>

<input type="button" onclick="myFunction()" value="Show alert box" />

</body>
</html>

Koeltechnische deurrubbers eenvoudig online op maat bestellen.
Alle niet stekplichtige onderdelen zoals scharnieren, sloten, randverwarming en verlichting voor alle typen koelingen en vriezers.
https://koelcel-onderdelen.com


User avatar
Expert Member

Posts

Joined
Sat Jun 25, 2011 4:09 am
Location - Alkmaar Holland

Post by burley » Sun Feb 24, 2013 3:37 am

Ik begrijp het niet goed, als ik deze alertbox gebruik hoe kan ik dan ook gebruik maken van de informatie pagina's en de multilanguage optie?

Voor de duidelijkheid, ik wil de klant graag op de productpagina een sizechart bieden. Deze sizechart zit reeds in de informatie pagina's. Ik maak gebruik van multilanguage, dit geldt dus ook voor de sizechart.

De sizechart op de product pagina wil ik graag in de vorm van een pop-up, waarbij ik nog steeds gebruik wil maken van multilanguage maar tegelijkertijd niet wil dat in de popup een heel nieuw venster van de webwinkel wordt geopend.


Als ik de alertbox wil gebruiken, kan ik op deze manier nog steeds alleen de hele pagina als pop-up tonen. Ik kan natuurlijk een aparte html pagina maken, maar dan verlies ik de multilanguage optie.

User avatar
Active Member

Posts

Joined
Sun Oct 09, 2011 3:30 pm

Post by victorj » Sun Feb 24, 2013 3:58 am

in multi language heb je ook 2 velden waar je de tekst invoert voor de product omschtijving.
je kunt dus in iedere taal een eigen popup of alertbox maken.

je maakt eenmaal de code voor iedere taal, daarna is het een copy en paste aktie.
Moet zeggen dat ik die alertbox of hoe je die ook noemt want de buttonnaam aanpassen is eenvoudig eenhele mooie manier om dit weer te geven.

Koeltechnische deurrubbers eenvoudig online op maat bestellen.
Alle niet stekplichtige onderdelen zoals scharnieren, sloten, randverwarming en verlichting voor alle typen koelingen en vriezers.
https://koelcel-onderdelen.com


User avatar
Expert Member

Posts

Joined
Sat Jun 25, 2011 4:09 am
Location - Alkmaar Holland

Post by burley » Sun Feb 24, 2013 4:19 am

victorj wrote:In multi language heb je ook 2 velden waar je de tekst invoert voor de product omschtijving.
je kunt dus in iedere taal een eigen popup of alertbox maken.
Dat begrijp ik, maar hoe zorg ik dan dat in het engels alleen de engelse zichtbaar is en in het nederlands alleen de nederlandse?

User avatar
Active Member

Posts

Joined
Sun Oct 09, 2011 3:30 pm

Post by victorj » Sun Feb 24, 2013 4:25 am

Bij het product heb je voor iedere taal toch een product omschrijving.
bij de nederlandse omschrijving maak je een nederlandse maat popup.
bij engels (of welke andere taal dan ook) een popup in die taal.

aangezien deze maat tabellen altijd hetzelfde zijn, kun je die dan bij ieder product er gewoon met een copy en paste aktie inzetten.

kom je er niet uit dan kan ik wel even een voorbeeld voor je maken stuur dan maar even een PM

Koeltechnische deurrubbers eenvoudig online op maat bestellen.
Alle niet stekplichtige onderdelen zoals scharnieren, sloten, randverwarming en verlichting voor alle typen koelingen en vriezers.
https://koelcel-onderdelen.com


User avatar
Expert Member

Posts

Joined
Sat Jun 25, 2011 4:09 am
Location - Alkmaar Holland

Post by burley » Mon Feb 25, 2013 8:52 pm

Ik begrijp wat je bedoelt, al zie ik de realisatie nog niet helemaal voor me.

Maar we praten over 2 verschillende dingen, vandaar ook de onduidelijkheid bij mij. Jij hebt het over de "tabs" bij de productinformatie. Ik heb het over de informatie pagina's onder de "mijn account" knop, waar o.a. ook contact pagina in staat.

Bovendien wil ik de sizechart tonen naast de opties van het product, niet onderin de product tabs. Ze moeten er eigenlijk niet omheen kunnen, als je begrijpt wat ik bedoel :)

User avatar
Active Member

Posts

Joined
Sun Oct 09, 2011 3:30 pm

Post by victorj » Tue Feb 26, 2013 4:52 am

Geef eens een linkje naar je website of zet die in je profiel.
even op de site kijken geeft vaak veel meer inzicht.

Koeltechnische deurrubbers eenvoudig online op maat bestellen.
Alle niet stekplichtige onderdelen zoals scharnieren, sloten, randverwarming en verlichting voor alle typen koelingen en vriezers.
https://koelcel-onderdelen.com


User avatar
Expert Member

Posts

Joined
Sat Jun 25, 2011 4:09 am
Location - Alkmaar Holland

Post by pprmkr » Tue Feb 26, 2013 1:51 pm

Om een informatiepagina te openen in een lightbox, fancybox of colorbox, afhankelijk van gebruikte versie OpenCart, gebruik je de info functie van controller information.php.

Een link naast een selectievak met naam "Size" zou er zo uit kunnen zien:

Code: Select all

          <?php if( $option['name'] == 'Size'){ ?>
				&nbsp;<a class="fancybox" id="SizeGuide" href="index.php?route=information/information/info&information_id=9"><img src="image/size.jpg" width="60" height="18" border="0"></a>
          <?php } ?>
Klikken op de link opent het popup scherm net als de Algemene voorwaarden tijdens het afrekenen bijvoorbeeld.

User avatar
Active Member

Posts

Joined
Sat Jan 08, 2011 11:05 pm
Location - Netherlands

Post by burley » Tue Feb 26, 2013 8:35 pm

bedankt voor je input pprmkr! Dat lijkt op wat ik bedoel!

@victorj; Bedankt voor al je moeite, input en geduld! Maar dit is waar ik naar op zoek was!

Wat betreft de site, testsite staat op http://www.bluepointsolutions.nl/541lf/

Edit: werkt als een trein! Thank! Nog één vraag; ik wil deze link ook graag dezelfde stijl geven als mijn andere buttons (class button) maar ik kan de link moeilijk 2 classes meegeven. Kan ik het beste een nieuwe stijl maken? Of is er een slim truckje?

edit 2: ook opgelost, geen idee dat je een element meerdere classes mee kon geven :)

Bedankt voor alle input!!!

User avatar
Active Member

Posts

Joined
Sun Oct 09, 2011 3:30 pm

Post by burley » Thu May 09, 2013 9:46 pm

Bovenstaande werkt perfect! Echter wil ik nu het contactformulier laten openen in een pop-up (colorbox in mijn versie).
De pop-up is geen probleem, logischerwijs en met dank aan.

Echter wordt nu de hele pagina in de pop-up getoond ipv alleen het contactformulier, echt de hele pagina incl. header, menu's etc.

Ik heb gezocht en geprobeerd maar kom er niet uit. Wat doe ik fout? Of hoe moet ik de code aanpassen?

Code: Select all

<div style="display:inline;"><a class="colorbox button" href="index.php?route=information/contact"><?php echo $text_contact; ?></a></div>

User avatar
Active Member

Posts

Joined
Sun Oct 09, 2011 3:30 pm

Post by pprmkr » Fri May 10, 2013 1:38 pm

Daarvoor moet de controller uitgebreid worden met een functie, die niet de children meestuurt naar de template.

Je zou de hele functie index kunnen kopiëren en plakken in een nieuwe functie, b.v. popup
Verwijder dan:

Code: Select all

		$this->children = array(
			'common/column_left',
			'common/column_right',
			'common/content_top',
			'common/content_bottom',
			'common/footer',
			'common/header'
		);
De aanroep wordt dan: index.php?route=information/contact/popup

Na versturen wordt dan standaard de success pagina geladen.
Wil je die ook in de popup? Dan functie success behandelen net als index en:

Code: Select all

$this->redirect($this->url->link('information/contact/success'));
aanpassen naar de nieuwe success-functie.

Ik weet niet of standaard colorbox in het scherm blijft, even uitzoeken of er een extra parameter beschikbaar is, zoals fancybox: keepthis

Succes.

User avatar
Active Member

Posts

Joined
Sat Jan 08, 2011 11:05 pm
Location - Netherlands

Post by burley » Fri May 10, 2013 5:47 pm

pprmkr wrote:Succes.

Euhhh, ja bedankt! Het lijkt behoorlijk ingewikkeld, maar we gaan er mee aan de slag.

Bedankt voor je nuttige input!!!

User avatar
Active Member

Posts

Joined
Sun Oct 09, 2011 3:30 pm

Post by burley » Fri May 10, 2013 10:34 pm

Ben er even mee bezig geweest, ik leer snel maar ben een leek;

Bedoel je dat ik de hele controller en template file van de contactpagina kopieer, hernoem en vervolgens aanpast?

Of kan ik de betreffende functie (zie onder) in de controller file kopieren, aanpassen en hernoemen?

User avatar
Active Member

Posts

Joined
Sun Oct 09, 2011 3:30 pm
Who is online

Users browsing this forum: No registered users and 2 guests