Jump to content

Como realizar ampliación de imágenes en los CMS?


Recommended Posts

Estimados!, muy buenas tardes, o noches, o días, depende de a que hora y desde donde vea este topic.

Les comento, estoy realizando contenido para mi sitio web en Prestashop y me gustaría saber como hacer Zoom o ampliación a las imágenes que pongo en los contenidos informativos de mi web, algo así como lo que aparece en las fotos de los productos cuando uno oprime "ampliar". ¿Es posible transportar esa propiedad a otras imágenes?

 

Estoy atento a sus comentarios.

 

PD: mi versión de PS es 1.5.6

 

Saludos y Gracias! :)

Link to comment
Share on other sites

Cuando hablo de los CMS me refiero a los textos que uno crea en prestashop. Su ubicación dice CMS, aunque entiendo que no sea lo mismo que comprendes por ese nombre.

 

Voy a probar lo que me has comentado. Gracias por tu respuesta :)

 

Lo que te comenta Ventura, es exactamente para esa parte, para los textos que creas en la pestaña Preferencias -> CMS

Link to comment
Share on other sites

Uuufff chicos, alta cagada que me he mandado! empece a seguir los pasos que decian, ya que son bastante intuitivos y no es necesario saber tanto inglés. Del link q me enviaste me pase a este que es para tener el editor completo TyniMCE (http://mypresta.eu/en/art/know-how/tinymce-editor-full-options-all-html-tags.html), luego de ahi, me tuve q pasar a este otro que es para no se que cojones pero que tenia q hacerlo (http://mypresta.eu/en/art/developer/prestashop-product-page-full-rich-editor.html#validate_class_change). Finalmente, al tener completo estos pasos, empece a seguir los pasos que en link que me enviaste aparecen.

 

Todo mal desde el momento de poner el script en el texto, no me lo reconoce. y peor aún, ahora me tiro un pantallazo blanco cuando quise borrar lo que había creado como prueba o con cualquier documento que quiera trabajar y guardar, o borrar o mover, etc...

Que puedo hacer :(

 

Link to comment
Share on other sites

Si te sale pantallazo blanco habilita el reporte de errores: http://www.prestashop.com/forums/topic/232476-%C2%BFqu%C3%A9-hacer-cuando-se-queda-la-pantalla-en-blanco-en-prestashop/

 

Pero vamos, puedes volver al pasado borrando las modificaciones que hayas realizado...

 

¿A partir de cuando de peto todo ¿De editar el Validate.php que hicistes en el ultimo enlace que mandastes (mejor siempre un override, pero bueno...)? ? (Por que si modificastes ese fichero, puedes restaurar el original xD)

Link to comment
Share on other sites

Noooo se fue todo a Blanco, active el debug, y nada, te confienzo q estoy mas q asustado... q mas puedo hacer? intente volver todo a la normalidad, pero tampoco sucedio nada, algo tube que hacer mas que mal para que esto pasara, esta claro... pero no se me ocurre mas...

Link to comment
Share on other sites

Detallemos los ficheros que has tocado para que los restaures, en la guia inicial has tocado el fichero:

 /controllers/front/CMSController.php

Despues en las otras guias has tocado el fichero:

/carpeta_admin/themes/default/template/helpers/form/form.tpl

y

/classes/Validate.php 

---

 

¿Te has bajado esos tres ficheros de una descarga limpia y los has restaurado?

Link to comment
Share on other sites

He logrado hacer funcionar el Back End de prestashop 1.5.6, pero ahora no me deja borrar el cache Smart ni tampoco utilizar el modulo Click Upgrade. Las carpetas que modifique fueron:

 

CMSController.php

Ubicado en controller/front/...

Form.tpl

Ubicado en Admin/Themes/Default/Template/Helper/...

 

Form.tpl

Ubicado en Admin/Themes/default/Template/controller/product/Helpers/...

 

Validate.php

Ubicado en /classes/

 

Los deje tal cual en base a un directorio que tenia antes de actualizar a 1.5.6, no sé si eso habrá afectado... Estoy atento a cualquier ayuda chicos! estoy con el culo a dos manos!

Link to comment
Share on other sites

Siento todo los problemas que has tenido. Como dice el más grande este es un mundo oscuro y tenebroso a veces....

 

Creo que todos los problemas que has tenido vienen de un error en el codigo del tutorial este:

 

http://mypresta.eu/en/art/developer/prestashop-product-page-full-rich-editor.html#validate_class_change

 

La parte del Validate.php debe de quedar así comentado:

 

   public static function isCleanHtml($html){
//*
        $events = 'onmousedown|onmousemove|onmmouseup|onmouseover|onmouseout|onload|onunload|onfocus|onblur|onchange';
        $events .= '|onsubmit|ondblclick|onclick|onkeydown|onkeyup|onkeypress|onmouseenter|onmouseleave|onerror|onselect|onreset|onabort|ondragdrop|onresize|onactivate|onafterprint|onmoveend';
        $events .= '|onafterupdate|onbeforeactivate|onbeforecopy|onbeforecut|onbeforedeactivate|onbeforeeditfocus|onbeforepaste|onbeforeprint|onbeforeunload|onbeforeupdate|onmove';
        $events .= '|onbounce|oncellchange|oncontextmenu|oncontrolselect|oncopy|oncut|ondataavailable|ondatasetchanged|ondatasetcomplete|ondeactivate|ondrag|ondragend|ondragenter|onmousewheel';
        $events .= '|ondragleave|ondragover|ondragstart|ondrop|onerrorupdate|onfilterchange|onfinish|onfocusin|onfocusout|onhashchange|onhelp|oninput|onlosecapture|onmessage|onmouseup|onmovestart';
        $events .= '|onoffline|ononline|onpaste|onpropertychange|onreadystatechange|onresizeend|onresizestart|onrowenter|onrowexit|onrowsdelete|onrowsinserted|onscroll|onsearch|onselectionchange';
        $events .= '|onselectstart|onstart|onstop';
        return (!preg_match('/<[ \t\n]*script/ims', $html) && !preg_match('/('.$events.')[ \t\n]*=/ims', $html) && !preg_match('/.*script\:/ims', $html));
*/
return $html;
    }

Si quieres hacer lo de las imagenes en los cms puedes probar este modúlo que funciona muy bien en versiones anteriores a la 1.5.6, en esta no lo he probado, está al final de este post:

 

http://www.prestashop.com/forums/topic/235465-fancybox-use-on-any-page/

Link to comment
Share on other sites

Siento todo los problemas que has tenido. Como dice el más grande este es un mundo oscuro y tenebroso a veces....

 

Creo que todos los problemas que has tenido vienen de un error en el codigo del tutorial este:

 

http://mypresta.eu/en/art/developer/prestashop-product-page-full-rich-editor.html#validate_class_change

 

La parte del Validate.php debe de quedar así comentado:

 

 

   public static function isCleanHtml($html){
//*
        $events = 'onmousedown|onmousemove|onmmouseup|onmouseover|onmouseout|onload|onunload|onfocus|onblur|onchange';
        $events .= '|onsubmit|ondblclick|onclick|onkeydown|onkeyup|onkeypress|onmouseenter|onmouseleave|onerror|onselect|onreset|onabort|ondragdrop|onresize|onactivate|onafterprint|onmoveend';
        $events .= '|onafterupdate|onbeforeactivate|onbeforecopy|onbeforecut|onbeforedeactivate|onbeforeeditfocus|onbeforepaste|onbeforeprint|onbeforeunload|onbeforeupdate|onmove';
        $events .= '|onbounce|oncellchange|oncontextmenu|oncontrolselect|oncopy|oncut|ondataavailable|ondatasetchanged|ondatasetcomplete|ondeactivate|ondrag|ondragend|ondragenter|onmousewheel';
        $events .= '|ondragleave|ondragover|ondragstart|ondrop|onerrorupdate|onfilterchange|onfinish|onfocusin|onfocusout|onhashchange|onhelp|oninput|onlosecapture|onmessage|onmouseup|onmovestart';
        $events .= '|onoffline|ononline|onpaste|onpropertychange|onreadystatechange|onresizeend|onresizestart|onrowenter|onrowexit|onrowsdelete|onrowsinserted|onscroll|onsearch|onselectionchange';
        $events .= '|onselectstart|onstart|onstop';
        return (!preg_match('/<[ \t\n]*script/ims', $html) && !preg_match('/('.$events.')[ \t\n]*=/ims', $html) && !preg_match('/.*script\:/ims', $html));
*/
return $html;
    }
Si quieres hacer lo de las imagenes en los cms puedes probar este modúlo que funciona muy bien en versiones anteriores a la 1.5.6, en esta no lo he probado, está al final de este post:

 

http://www.prestashop.com/forums/topic/235465-fancybox-use-on-any-page/

 

 

En principio creo que funciona el modulo:http://www.prestashop.com/forums/index.php?app=core&module=attach&section=attach&attach_id=85055 que comentas por que lo acabo de instalar en una tienda limpia.

 

Referente al Validate.php yo siempre recomiendo crear un override depende editar el original, es decir con el notepad++ http://notepad-plus-plus.org/ te creas un fichero en blanco con este contenido:

<?php
 
class Validate extends ValidateCore {
 
public static function isCleanHtml($html, $allow_iframe = false)
	{
		return true;
	}

}
 

Con el siguiente nombre:

 

Validate.php

y lo guardas en el directorio:

/override/classes/

---

 

Despues borrar el fichero:

/cache/class_index.php

(Borralo sin miedo, porque se regenera de nuevo, es para que detecte el nuevo override)

 

----

 

Luego pues sigues la primera guia que te paso el compañero, es decir en el editor CMS, añades esto:

<script type="text/javascript">// <![CDATA[
$(document).ready(function() {
$("a.fancybox").fancybox();
});
// ]]></script>

Y despues subes las images y las enlazas a la imagen grande, con la clase en el enlace "fancybox"

<a class="fancybox" href="ruta_image_grande"><img src="ruta_image_pequeña" /></a>

De todos modos, yo esto:

<script type="text/javascript">
$(document).ready(function() {
$("a.fancybox").fancybox();
});
</script>

prefiero meterlo en el "/themes/plantilla/header.tpl" por ejemplo despues de:

		{$HOOK_HEADER}

añadir esto:

{if $page_name=='cms'}
<script type="text/javascript">
$(document).ready(function() {
$("a.fancybox").fancybox();
});
</script>
{/if}

Si haces esto ultimo, te evitas modificar el validate.php o hacer un override del validate y de tener que inscrutar el script de javascript en cada CMS, y solo con el modulo que te ha pasado Ventura y esta instruccion que te he dicho seria suficiente, para hacer el efecto fancybox con las imagenes.

 

Probado en Prestashop 1.5.6.0 y funcionando

Edited by nadie (see edit history)
  • Like 1
Link to comment
Share on other sites

Uffff chicos, el amor que uds. tienen por lo q hacen es inmenso. No te preocupes Ventura, de que otra manera podría aprender bien algo si no es equivocándome?... eso saldra bien, si o si, independiente de cuanto tiempo tome. Creo que deberías aprovechar este topic, para transcribir lo que ha escrito Vikea. Ya que su solución consta de 3 paginas de distinta información, ademas de ser para versiones mas antiguas. Nose que piensa Nadie al respecto.

 

Durante el día aplicare nuevamente las soluciones que vosotros han dado, pero primero, hare un respaldo de seguridad :P , no vaya a ser cosa de mandarme alta cagada y perder el trabajo que he concebido por 5 meses...

Link to comment
Share on other sites

Perdona Nadie, esta semana no he tenido la oportunidad de avanzar. Mi novia está hospitalizada. La otra semana fijo hago todo lo indicado amigos. Muchas gracias por su ayuda.

 

Vaya, espero que no sea nada grave y que se recupere pronto.

 

Saludos,

Link to comment
Share on other sites

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