[Помогите] Opencart два Floating модуля

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем CrazYViruS, 30 авг 2013.

Статус темы:
Закрыта.
  1. CrazYViruS

    CrazYViruS

    Регистрация:
    30 май 2013
    Сообщения:
    133
    Симпатии:
    79
    Всем доброго времени, недавно нашел для Opencart интересный модуль [VQMOD] Floating Contact все нормально установилось, но хочется большего, хочется чтобы на странице было два этих модуля т.е две кнопки с разными хтмлами.
    Основная сложность это вывести вторую кнопку, сторонний хтмл из другого пути очень легко подставляется а вот кнопка ...
    Как я понял за размещение отвечает файл в Vqmod'e VQMODFloating_Enquire.xml
    Его код:
    Код:
    <modification>
    <id>Floating Enquire contact</id>
    <version>1</version>
    <vqmver>2.1.4</vqmver>
    <author>George Roberts</author>
    <file name="catalog/view/theme/default/template/common/footer.tpl">
    <operation>
    <search position="before"><![CDATA[</body>]]></search>
    <add><![CDATA[
    <ss1100odl> <a href="http://www.wmwebdevelopment.co.uk">Birmingham Web Development</a></ss1100odl><div id="floatingenquire">
    <div id="tab" align="right"><img alt="Связаться" src="image/floatingenquire.png""></a></div>
    <div id="contactform">
    <div class="entry">
    <iframe src='../Floating_Enquire_contact/contactform.php' frameborder='0'
    width='385px' height='400' allowtransparency='true'></iframe>
    </div>
    				</div>
    </div>
    </div>
    <style>
    ss1100odl{font-size: 1px; opacity:0.01;}#floatingenquire {position:fixed; bottom:50px; right:10px; float:left; padding:0 0 2px 0;z-index:100;}
    #floatingenquire #contactform {border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;display:none;}
    #floatingenquire #contactform .sbutton {clear:both;margin:5px 5px 0 5px;}
    </style>
    <script>
    var flip = 0;
    $("#floatingenquire #tab").click(function () {
    flip++;
    if (flip % 2 == 1)
    $("#floatingenquire #contactform").slideDown('slow');
    else
    $("#floatingenquire #contactform").slideUp('slow');
    });
    </script>
     
     
    ]]></add>
    </operation>
    </file>
    </modification>
    Что я делал: в первую очередь скопировал этот файл с другим названием изменил айди, изменил версию, сменил путь к <iframe src=, пытался изменить файл размещение т.е с footer.tpl на header.tpl и тд
    ничего не получается вообщем вся загвоздка как я понял тут <search position="before"><[CDATA[</body>]]></search><add><![CDATA[ но что с этим делать =(
    Кнопка вторая либо вообще не появляется либо появляется, одна в другой =\
    Помогите пожалуйста!
     
  2. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    560
    Первый раз вижу такой тег <ss1100odl>. Скорее всего там нужно прописать <div class="ss1100odl"> и все будет окей:wink:
     
    CrazYViruS нравится это.
Статус темы:
Закрыта.