1
И так, решение http://electro-kot.r...-pods-ford.html
Если я правильно понимаю делается это так:
1. В шаблоне HTML ищем код
<div class="container promo_block">
<ul>
<li class="box-1">
<h3 class="title-block">Оплата</h3>
<p>Множество способов оплаты</p>
</li>
<li class="box-2">
<h3 class="title-block">Доставка</h3>
<p>Доставка во все города России и стран СНГ</p>
</li>
<li class="box-3">
<h3 class="title-block">Гарантии</h3>
<p>Возврат/Замена Товара</p>
</li>
<li class="box-4">
<h3 class="title-block">Поддержка</h3>
<p>Поддержка клиентов по телефону</p>
</li>
</ul>
<div class="clear"></div>
</div>
<div class="container contentText">
<div class="twelve columns omega main_part_wrapper">
2. В место него вставляем вот этот код (предварительно залив картинки)
<div style="display:none"> <div id="div1" style=""><p style="font-size:18px">Независимо от объема заказа, Вы получаете гарантированный <br />подарок от интернет-магазина Electro-kot.ru</p></div> <div id="div2" style=""><p style="font-size:18px">При отправке и по прибытии заказа, <br />Вы получаете SMS-уведомление с трек-номером. <br />Это позволяет отследить посылку и <br />избежать трудностей и задержек при ее получении. </p></div> <div id="div3" style=""><p style="font-size:18px">Весь товар проходит двойную проверку: <br />при поступлении на склад и перед отправкой клиенту. <br />Мы даем 100% гарантию на весь товар.</p></div> <div id="div4" style=""><p style="font-size:18px">На второй и последующие заказы действует <br />накопительная система скидок.</p></div> <div id="div5" style=""><p style="font-size:18px">Вы можете оплатить заказ при получении: <br />в почтовом отделении или курьеру. </p></div> </div> <table> <tr> <td> <a class='example1'><img src="/image/01.png" style=" margin-top: -12px;"></a> </td> <td> <a class='example2'><img src="/image/02.png" style=" margin-top: -12px;"></a> </td> <td> <a class='example3'> <img src="/image/03.png" style=" margin-top: -12px;"></a> </td> <td> <a class='example4'> <img src="/image/04.png" style=" margin-top: -12px;"></a> </td> <td> <a class='example5'> <img src="/image/05.png" style=" margin-top: -12px;"></a> </td> </tr> </table> </div>
3. Чтобы все картинки двигались как стороннем сайте, если я все правильно понимаю нужно вставить в style.css следующий код
$(function () { $(".example1").colorbox({inline:true,href:"#div1"}); }) $(function () { $(".example2").colorbox({inline:true,href:"#div2"}); }) $(function () { $(".example3").colorbox({inline:true,href:"#div3"}); }) $(function () { $(".example4").colorbox({inline:true,href:"#div4"}); }) $(function () { $(".example5").colorbox({inline:true,href:"#div5"}); })
Но, что и где подправить, что бы все это заработало и задвигалось?
Очень нуждаюсь в вашей помощи.
P.S. Уважаемые модераторы, вчера добавил вопрос в теме http://forum.storela...80-модификации/ но так вопроса и не получил, очень нужно решить данный вопрос.
Заранее спасибо.
