PrestaShop 1.6 - Vyskakovací okno v popisu produktu

ien.cv

Dobrý den
Je možné aby při kliknutí na odkaz v popisu produktu vyjela nad obchod cms stránka jako v košiku při výběru dopravy, při kliknutí na odkaz obchodní podmínky?

Filip Kučera · **Registrován:** 09 úno 2013 12:11 **Příspěvky:** 2413

Dobrý den,

existuje více možností, jak tohoto chování docílit. Je ale nutná úprava zdrojového kódu aplikace PrestaShop. Takže se přihlašte na FTP server, otevřete soubor themes/default-bootstrap/product.tpl a do něho vložte následující řádky:

Kód:

<script>
{literal}
$( document ).ready(function() {
$(".iframe").fancybox({
autoSize: false,
autoDimensions: false,
width: 700,
height: 400,
fitToView: false,
padding: 0,
title: this.title,
href: $(this).attr('href'),
type: 'iframe'
});});{/literal}
</script>

. Poté v administraci aplikace PrestaShop přejděte do sekce Katalog > Produkty a u zvoleného produktu klikněte na Editovat. Do popisu produktu poté vložte Vámi požadovaný odkaz, například tedy:

Kód:

<a class="iframe" href="http://www.nazev-domeny.cz/index.php?id_cms=2&controller=cms">Název</a>

. V odkazu je nutné si upravit adresu, která bude směrovat na danou CMS stránku.

Pokud by Vám taková úprava nevyhovovala, tak se můžete obrátit na některého z našich partnerů (příp. vpravo blok PrestaShop partneři), který se aplikaci PrestaShop věnuje.

ien.cv

jj, to je ono, jen to má malou chybku :cry:

v okně se načte celej obchod a já chtěl jen tu cms stránku jako u těch obchodních podmínek

ien.cv

k nahlédnutí kliknout na "ZDE" za slovem Herbář v krátkém popisu

http://prozdravi-shop.cz/bylinne-sirupy ... karna.html

Koudelka · **Registrován:** 28 lis 2014 12:21 **Příspěvky:** 9

Něco podobného jsem řešila také, stačí za URL stránky, kterou hcete zobrazit přidat ?content_only=1

tedy podle výše zmíněného příkaldu by to bylo takto

Kód:

<a class="iframe" href="http://www.nazev-domeny.cz/index.php?id_cms=2&controller=cms?content_only=1">Název</a>

ien.cv

jj super, jste zlatý

ještě by to chtělo upravu velikosti, našel jsem tu pevnou velikost, ale potřeboval bych aby se dala nastavit max. velikost a aby se okno upravilo podle prohlížeče.

v tabletu a v telefonu je moc velký a v pc by zase mohlo být větší.

ještě jednou díky všem zůčastněným
ien.cv

Kaper · **Registrován:** 06 čer 2014 18:28 **Příspěvky:** 604

Myslím, že stačí keď upravíš

Kód:

width: 700,
height: 400,

Na %, napr:

Kód:

width: 70%,
height: 50%,

ien.cv

Tak to nejde, okno vyskočí na celou stránku a nejde ani zavřít.

Filip Kučera · **Registrován:** 09 úno 2013 12:11 **Příspěvky:** 2413

Dobrý den,

pokud si ve výše uvedeném kódu změníte hodnotu fitToView z false na true, tak poté by mělo docházet k přizpůsobení zobrazení CMS stránky.
Takže kód by potom mohl vypadat například takto:

Kód:

<script>
{literal}
$( document ).ready(function() {
$(".iframe").fancybox({
autoSize: false,
autoDimensions: false,
width: 700,
height: 400,
fitToView: true,
padding: 0,
title: this.title,
href: $(this).attr('href'),
type: 'iframe'
});});{/literal}
</script>

. Samozřejmě pokud by Vám toto nevyhovovalo, velikost si můžete přizpůsobit pomocí hodnot width (šířka) a height (výška).

ien.cv

jj už je to tak jak potřebuju

díky moc za pomoc :ugeek:

jste kabrňák

ien.cv

Návody pro C4

Webhosting C4

PrestaShop 1.6 - Vyskakovací okno v popisu produktu

Kdo je online

FTP Uploader

PrestaShop Hosting