[TIP] Google Maps integrazione facile e veloce

[Sclerato]

Siccome ne avevo la necessità per un lavoro, ho trovato come andare ad integrare facilmente una mappa di google nelle pagine CMS, senza impazzire con moduli ecc, basta fare una modifica una volta sola, poi si possono inserire quante mappe si vuole e dove si vuole.


La soluzione consis te nel modificare la pagina amministrativa

cartellaadmin/tabs/AdminCMS.php

e aggiungere alla riga 140, nel JS di inizializzazione di tinyMCE, la stringa seguente

extended_valid_elements : "iframe[src|name|width|height|align|frameborder|marginwidth|marginheight|scrolling]",

In questo modo diciamo all'editor di non eliminare il tag iframe, e i relativi attributi che puo' avere.


Ora per inserire una mappa all'interno di una pagina CMS, basta semplicemente fare un copia incolla della porzione di codice fornire da Google Maps, senza che questa venga eliminata dall'editor come succedeva prima.


Spero di aver fatto cosa gradita e che torni utile a qualcuno.

Sclerato

:coolsmirk:

[dettotranoi]

Ma sei un grande!!

E io che impazzivo con i vari moduli, che poi nemmeno mi funzionavano!

Grazie mille! ^__^

[maofree]

Bravo Sclerato
conoscevo una soluzione simile ma doveva essere fatta in un altro file

ciaoo

[matte89thebest]

ANDREBBE SEGNALATO IN UNA ZONA PIù VISIBILE, o addiritura integrato nella versione italiana questo!

[D4rkNight]

domandina da niubbetto =D
quando dici nella riga 140 nel JS di inizializzazione di TinyMCE intendi così ?

            
139.                    });
140.      }
141.     extended_valid_elements : "iframe[src|name|width|height|align|frameborder|marginwidth|marginheight|scrolling]", 
142.     tinyMCEInit(\'textarea.rte\');

[matte89thebest]

Quò c'è un inesattezza, probabilmente derivante da aggiunte al file sopra citato con le nuove versioni.

Per la 1.3 l'esatta posizione da utilizzare è la seguente:

function tinyMCEInit(element)
               {
                       $().ready(function() {
                               $(element).tinymce({
                                       // Location of TinyMCE script
                                       script_url : \''.__PS_BASE_URI__.'js/tinymce/jscripts/tiny_mce/tiny_mce.js\',
                                       // General options
                                       theme : "advanced",
                                       plugins : "safari,pagebreak,style,layer,table,advimage,advlink,inlinepopups,media,searchreplace,contextmenu,paste,directionality,fullscreen",
                                       // Theme options
                                       theme_advanced_buttons1 : "newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
                                       theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,,|,forecolor,backcolor",
                                       theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,media,|,ltr,rtl,|,fullscreen",
                                       theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,pagebreak",
                                       theme_advanced_toolbar_location : "top",
                                       theme_advanced_toolbar_align : "left",
                                       theme_advanced_statusbar_location : "bottom",
                                       theme_advanced_resizing : false,
                                       content_css : "'.__PS_BASE_URI__.'themes/'._THEME_NAME_.'/css/global.css",
                                       document_base_url : "'.__PS_BASE_URI__.'",
                                       width: "582",
                                       height: "auto",
                                       font_size_style_values : "8pt, 10pt, 12pt, 14pt, 18pt, 24pt, 36pt",
                                       elements : "nourlconvert",
                                       convert_urls : false,
                                       language : "'.(file_exists(_PS_ROOT_DIR_.'/js/tinymce/jscripts/tiny_mce/langs/'.$iso.'.js') ? $iso : 'en').'",
                                       extended_valid_elements : "iframe[src|name|width|height|align|frameborder|marginwidth|marginheight|scrolling]"
                                       });
                       });

               }

[D4rkNight]

oook perfetto!!! funziona benissimo!!! grazie mille!!! :-)

[matte89thebest]

Felice di aver dato un piccolo contributo!

[Pietromonti2507]

cosa bisogna fare per visualizzare la mappa google per mostrare dove sta il negozio fisico? Pensavo di personalizzare il modulo "blocco negozi" dove c'è una mappa con i negozi demo negli USA ma non c'è modo per personalizzare niente, solo l'immagine. Ho l'ultima versione 1.4.9 e speravo che questa cosa fosse stata semplificata. Avete indicazioni. grazie

[eugenata]

cosa bisogna fare per visualizzare la mappa google per mostrare dove sta il negozio fisico? Pensavo di personalizzare il modulo "blocco negozi" dove c'è una mappa con i negozi demo negli USA ma non c'è modo per personalizzare niente, solo l'immagine. Ho l'ultima versione 1.4.9 e speravo che questa cosa fosse stata semplificata. Avete indicazioni. grazie

 

Ciao Pietromonti2507, i tuoi negozi devi indicarli e configurarli in b.o. > Strumenti > Negozi.

[quaio61]

Premetto che è la prima volta che uso Prestashop. Ho installato la versione 1.5.3.1 e, nel fare la modifica per l'iframe, non trovo il file nella cartellaadmin/tabs/AdminCMS.php (c'è solo il file index.php).

Come posso risolvere?

[ebbre]

nella 1.5 non c'è quel file, almeno non nella cartella admin/tabs.

dove posso trovarlo?

Edited March 20, 2013 by ebbre (see edit history)