Jump to content

Colocar Efecto SexyLightbox en mi tienda


Recommended Posts

En la tienda que estoy creando http://www.eluniversodelperro.com/tienda/ me gustaria colocar un efecto SexyLightBox, de tal forma que cuando entres en la pagina del producto, te coloque el efecto SexyLightBox en la imagen del producto al darle click.

Para insertarlo me he basado en esta pagina http://www.zoneartcss.com/webdevelopment/programacion-con-style/sexy-lightbox/ en la que explica como hacerlo. He probado con JQuery, y debo modificar los siguientes archivos:

Header.tpl
product.tpl

Con el siguiente contenido:

Header.tpl


<html >
  <head>
     <title>El Universo del perro - Tienda Online de Productos y accesorios para Mascotas</title>

{if isset($meta_description) AND $meta_description}
     <meta name="description" content="Tienda online de productos para Mascotas. Alimentación, moda y accesorios para perros, gatos, reptiles, tortugas, pajaros, roedores, peces, kit acuarios, huronesy kit regalo" />
{/if}
     <meta name="keywords" content="Accesorio para animales, alimento para perros, alimento para gatos, rascador para gatos, madriguera para conejos, madriguera para liebres, accesorio para perros, accesorio para gatos, comedero, alimento para animales, alimento para mascotas, accesorio para animales, veterinario, veterinaria, transportín para perros, collar para perros,tienda online productos mascotas, alimentación, moda, accesorios, perros, gatos, reptiles, tortugas, pájaros, jaulas, pajaros, roedores, peces, acuarios, kit acuario, hurones, kit regalo, tienda mascotas, Mascotas, Animales, Mascota, online, Animal, accesorios, comida, complementos, perros, gatos, moda canina, animales, Animales, Tienda de animales online, Acuariofilia, termocalentadores, acuarios, reptilarios,terraios, accesorios, peces,peceras, vestidos, loros, transportines" />

     <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
     <meta name="generator" content="PrestaShop" />
     <meta name="robots" content="{if isset($nobots)}no{/if}index,follow" />
     <link rel="icon" type="image/vnd.microsoft.icon" href="http://www.eluniversodelperro.com/favicon.ico" />
     <link rel="shortcut icon" type="image/x-icon" href="http://www.eluniversodelperro.com/favicon.ico" />
{if isset($css_files)}
  {foreach from=$css_files key=css_uri item=media}
<link href="http://www.eluniversodelperro.com/tienda/themes/naranja/css/global2.css" rel="stylesheet" type="text/css" media="{$media}" />

  {/foreach}
{/if}

     [removed][removed]
     [removed]
        var baseDir = '{$content_dir}';
        var static_token = '{$static_token}';
        var token = '{$token}';
        var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
     [removed]
     [removed][removed]

     [removed][removed]

[removed][removed]


{if isset($js_files)}
  {foreach from=$js_files item=js_uri}
  [removed][removed]
  {/foreach}
{/if}
     {$HOOK_HEADER}


  </head>




  <body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>













<!--  Dbut Menu -->









<!--  Fin Menu -->


{$HOOK_TOP}





{$HOOK_WIZNAV}




        <!-- Left -->

           {$HOOK_LEFT_COLUMN}

        <!-- Center -->



Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...