Grande @mariosam ,

Estou querendo incluir um código de Janela Popup Modal (responsivo) em uma loja magento v1.9.2.1, no qual já tentei a seguinte situação:

  • Através de bloco estático;
  • Através de widgets;
  • Página Inicial (index.php);

Na verdade, ambos os casos o código funciona, porém, tenho um Tema com Banner Slider Responsivo que é carregado através de Widget que ao aparecer o Popup, no fundo (página inicial) o Banner Slider não carrega!

Tentei colocar o carregamento do Widget do Banner Slider primeiro e depois o Popup, e mesmo assim não dá certo, o Slider some!

Tentei colocar em um arquivo popup.phtml, não ficou bom... Rsssss!

Queria saber sua ajuda, para saber se tem algum arquivo específico no magento, no qual eu possa colocar o carregamento do Popup modal sem prejudicar o carregamento do Slider???

Segue abaixo o código do Popup modal:

<p><link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /></p>
<style type="text/css"><!--
    .ui-widget-header {
        background: white;
        border: 0px;
        color:black;

    }

    #ui-dialog-title-dialog {
    background-color: black;
    }

    .ui-widget-overlay {
        background: none repeat-x scroll 0 0 black;
        opacity: 0.7;
    }

--></style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
<script type="text/javascript">// <![CDATA[
    $(document).ready(function() {
        var $dialog = $('<div></div>')
            .html('<p>Looking to setup your own pop up window?</p><p>My free HTML code can help. By not signing up for my email newsletter, I will give you the code for free.</p><ul><li>that's an exciting offer!</li><li>You must be crazy to give away freely available HTML code for free to other people who...</li><li>want to exploit it to make lots of money.</li></ul><form><table style="margin-right:auto; margin-left:auto;"><tr><td style="text-align:right">Your first name:</td> <td><input type="text" name="firstname" /></td></tr><tr><td style="text-align:right">Email:</td> <td><input type="text" name="firstname" /></td></tr><tr><td></td><td><input type="submit"/></td></table></form>')
            .dialog({
                autoOpen: true,
                resizable: false,
                draggable: false,
                width: 600,
                modal: true,
                title: 'Create Your Own PopUp Window'
            });

    });

// ]]></script>

Pelos testes que fiz, parece que está tendo conflito no Javascript, aparentemente nos seguintes arquivos de carregamento:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>

Acho que a melhor opção, seria usar os arquivos de carregamento do próprio Magento. Mas seria o carregamento destes arquivos do próprio Magento?

Grande @mariosam , Estou querendo incluir um c&oacute;digo de Janela Popup Modal (responsivo) em uma loja magento v1.9.2.1, no qual j&aacute; tentei a seguinte situa&ccedil;&atilde;o: - Atrav&eacute;s de bloco est&aacute;tico; - Atrav&eacute;s de widgets; - P&aacute;gina Inicial (index.php); Na verdade, ambos os casos o c&oacute;digo funciona, por&eacute;m, tenho um Tema com Banner Slider Responsivo que &eacute; carregado atrav&eacute;s de Widget que ao aparecer o Popup, no fundo (p&aacute;gina inicial) o Banner Slider n&atilde;o carrega! Tentei colocar o carregamento do Widget do Banner Slider primeiro e depois o Popup, e mesmo assim n&atilde;o d&aacute; certo, o Slider some! Tentei colocar em um arquivo popup.phtml, n&atilde;o ficou bom... Rsssss! Queria saber sua ajuda, para saber se tem algum arquivo espec&iacute;fico no magento, no qual eu possa colocar o carregamento do Popup modal sem prejudicar o carregamento do Slider??? Segue abaixo o c&oacute;digo do Popup modal: ```` &lt;p&gt;&lt;link href=&quot;http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;&lt;/p&gt; &lt;style type=&quot;text/css&quot;&gt;&lt;!-- .ui-widget-header { background: white; border: 0px; color:black; } #ui-dialog-title-dialog { background-color: black; } .ui-widget-overlay { background: none repeat-x scroll 0 0 black; opacity: 0.7; } --&gt;&lt;/style&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot;&gt;// &lt;![CDATA[ $(document).ready(function() { var $dialog = $(&#039;&lt;div&gt;&lt;/div&gt;&#039;) .html(&#039;&lt;p&gt;Looking to setup your own pop up window?&lt;/p&gt;&lt;p&gt;My free HTML code can help. By not signing up for my email newsletter, I will give you the code for free.&lt;/p&gt;&lt;ul&gt;&lt;li&gt;that&#039;s an exciting offer!&lt;/li&gt;&lt;li&gt;You must be crazy to give away freely available HTML code for free to other people who...&lt;/li&gt;&lt;li&gt;want to exploit it to make lots of money.&lt;/li&gt;&lt;/ul&gt;&lt;form&gt;&lt;table style=&quot;margin-right:auto; margin-left:auto;&quot;&gt;&lt;tr&gt;&lt;td style=&quot;text-align:right&quot;&gt;Your first name:&lt;/td&gt; &lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;firstname&quot; /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;text-align:right&quot;&gt;Email:&lt;/td&gt; &lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;firstname&quot; /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;input type=&quot;submit&quot;/&gt;&lt;/td&gt;&lt;/table&gt;&lt;/form&gt;&#039;) .dialog({ autoOpen: true, resizable: false, draggable: false, width: 600, modal: true, title: &#039;Create Your Own PopUp Window&#039; }); }); // ]]&gt;&lt;/script&gt; ```` Pelos testes que fiz, parece que est&aacute; tendo conflito no Javascript, aparentemente nos seguintes arquivos de carregamento: ```` &lt;link href=&quot;http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js&quot;&gt;&lt;/script&gt; ```` Acho que a melhor op&ccedil;&atilde;o, seria usar os arquivos de carregamento do pr&oacute;prio Magento. Mas seria o carregamento destes arquivos do pr&oacute;prio Magento?
edited Sep 21 '16 at 5:40 am
 
0
reply

fala @emersonr
a primeira coisa q suspeitei tb, foi de conflito.

porem, soh pelo codigo, nao vejo onde estaria... o primeiro importe eh do CSS... entao tranquilo.. depois ele faz dois importes de JS do jquery, um para o jquery e outro para o jqueryui... realmente nao sei se eh necessario... depende de como a janela eh criada.

no entanto... vc nao mostrou como eh feito seu banner slider... se ele tb usa e importa um jquery, e seu modal usa e importa OUTRO jquery... ae sim... vai dar ruim. smile

o ideal seria usar apenas um importe para os dois (banner e modal).

e quando vc diz q o banner slider some... ele some apenas durante a apresentacao do modal? ou mesmo fechando a janela... o slider some pra sempre da pagina???

quando vc olha no seu console do navegador, no inspetor de elementos... q erros aparecem ali?

sucesso ai.

fala @emersonr a primeira coisa q suspeitei tb, foi de conflito. porem, soh pelo codigo, nao vejo onde estaria... o primeiro importe eh do CSS... entao tranquilo.. depois ele faz dois importes de JS do jquery, um para o jquery e outro para o jqueryui... realmente nao sei se eh necessario... depende de como a janela eh criada. no entanto... vc nao mostrou como eh feito seu banner slider... se ele tb usa e importa um jquery, e seu modal usa e importa OUTRO jquery... ae sim... vai dar ruim. :) o ideal seria usar apenas um importe para os dois (banner e modal). e quando vc diz q o banner slider some... ele some apenas durante a apresentacao do modal? ou mesmo fechando a janela... o slider some pra sempre da pagina??? quando vc olha no seu console do navegador, no inspetor de elementos... q erros aparecem ali? sucesso ai.

Master of Universe http://mariosam.com.br

 
0
reply

Olá @mariosam ,

O Banner Slider é utilizado através de um módulo instalado, através do link:

https://www.magentocommerce.com/magento-connect/responsive-banner-slider.html

Veja como é a loja normal, sem o código do Popup Modal:

57e921e3c7ee1.jpg

Quanto ativo o Popup Modal pelo Bloco Estático e Widget, o menu de categorias e o banner slider somem. Verifiquei no console e aparece vários conflitos de Prototype, veja:

57e921000a855.jpg

Seria melhor encontrar outra solução de popup?

Abraços

Emerson R.

Ol&aacute; @mariosam , O Banner Slider &eacute; utilizado atrav&eacute;s de um m&oacute;dulo instalado, atrav&eacute;s do link: https://www.magentocommerce.com/magento-connect/responsive-banner-slider.html Veja como &eacute; a loja normal, sem o c&oacute;digo do Popup Modal: ![57e921e3c7ee1.jpg](serve/attachment&amp;path=57e921e3c7ee1.jpg) Quanto ativo o Popup Modal pelo Bloco Est&aacute;tico e Widget, o menu de categorias e o banner slider somem. Verifiquei no console e aparece v&aacute;rios conflitos de Prototype, veja: ![57e921000a855.jpg](serve/attachment&amp;path=57e921000a855.jpg) Seria melhor encontrar outra solu&ccedil;&atilde;o de popup? Abra&ccedil;os Emerson R.
edited Sep 26 '16 at 2:27 pm
 
0
reply

nooooossa @emersonr
quanto erro de JS no console. hhehehe
melhor abandonar esse modulo de popup sim.

da uma olhada no GetSiteControl ,
ele tem varias opcoes.. entre elas, essa janela modal q vc deseja. (e opcao gratis!!!)

sucesso ai.

nooooossa @emersonr quanto erro de JS no console. hhehehe melhor abandonar esse modulo de popup sim. da uma olhada no [GetSiteControl](https://goo.gl/6bgzTD) , ele tem varias opcoes.. entre elas, essa janela modal q vc deseja. (e opcao gratis!!!) sucesso ai.

Master of Universe http://mariosam.com.br

 
0
reply

Olá @mariosam

Perfeito, resolvido com o módulo indicado!!!

Grato

Ol&aacute; @mariosam Perfeito, resolvido com o m&oacute;dulo indicado!!! Grato
 
0
reply
193
views
4
replies
2
followers
live preview
enter atleast 10 characters
WARNING: You mentioned %MENTIONS%, but they cannot see this message and will not be notified
Saving...
Saved
With selected deselect posts show selected posts
All posts under this topic will be deleted ?
Pending draft ... Click to resume editing
Discard draft