Вопрос Про Блоги
#61
Отправлено 22 Июль 2013 - 13:32
#62
Отправлено 22 Июль 2013 - 18:12
.opt-block .opt-item img { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; border: 1px solid; }и замените его на
.opt-block .opt-item img { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; }
#63
Отправлено 07 Август 2013 - 15:27
Нужна ваша помощь!
В приложении изображение по оформлению заказа.
Первая корзина моя, (там где заказ на мяч), эту страницу заказа, нужно переделать, выделил с красным.
1) Увеличить шрифт Корзина
2) Так же поменять шрифты с светло-черного на черный
3) где указана цена , общая стоимость, итого (вписать)
4) очистить корзину сделать синим
Спасибо
#64
Отправлено 08 Август 2013 - 01:19
<h1 class="fnt18n">Корзина</h1>
и замените её на
<h1 class="fnt18n" style="font-size: 24px; color: #000;">Корзина</h1>
далее найдите
<input name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="{cart_items.ORDER_LINE_QUANTITY}" class="number txtalgncnt" type="text" />
и замените на
<input name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="{cart_items.ORDER_LINE_QUANTITY}" class="number txtalgncnt" type="text" style="color: #000;" />
далее найдите
<div class="left" ><a href="{CART_TRUNCATE_URL}" class="whtgreen" onclick="return confirm('Вы действительно хотите удалить все товары из корзины?')">Очистить корзину</a> <button class="whtgreen fnt12n" type="submit" >Пересчитать</button></div> <div class="right"><button class="whtblue" type="submit" name="next_step">Заказать на: {% FOR cart_sum %}{cart_sum.NOW | money_format}{% ENDFOR %}</button></div>
и замените на
<div class="right"><b>Итого</b>: {% FOR cart_sum %}{cart_sum.NOW | money_format}{% ENDFOR %}</div><br /><br /> <div class="left" ><a href="{CART_TRUNCATE_URL}" style="color: #30C4EB;font-size: 12px;" onclick="return confirm('Вы действительно хотите удалить все товары из корзины?')">Очистить корзину</a></div> <div class="right"><button class="whtblue" style="margin-right: 10px;" type="submit" >Пересчитать</button><button class="whtblue" type="submit" name="next_step">Оформить заказ</button></div>
#67
Отправлено 12 Август 2013 - 12:23
Появилось, после того ,как делали изменения при оформлении корзины покупок. (см. выше)
#68
Отправлено 12 Август 2013 - 13:00
#69
Отправлено 12 Август 2013 - 15:15
#70
Отправлено 12 Август 2013 - 17:48
#71
Отправлено 15 Август 2013 - 10:01
#72
Отправлено 16 Август 2013 - 09:50
Есть фронт работы.
В приоложении рисунки которые необхлодимо сделать поэтапно.
1) Вставить новую кнопку вместо конструкторы Lego
2) сделать табличку которая выпадает при наведении на данную кнопку
3) потом разместить товар в каждый определенный раздел в табличке.
Спасибо
Dr.Nemo (16 Август 2013 - 09:48) писал:
Есть фронт работы.
В приоложении рисунки которые необхлодимо сделать поэтапно.
1) Вставить новую кнопку вместо конструкторы Lego
2) сделать табличку которая выпадает при наведении на данную кнопку
3) потом разместить товар в каждый определенный раздел в табличке.
Спасибо
#73
Отправлено 17 Август 2013 - 11:54
Dr.Nemo (16 Август 2013 - 09:50) писал:
Есть фронт работы.
В приоложении рисунки которые необхлодимо сделать поэтапно.
1) Вставить новую кнопку вместо конструкторы Lego
2) сделать табличку которая выпадает при наведении на данную кнопку
3) потом разместить товар в каждый определенный раздел в табличке.
Спасибо
Найдите код в шаблоне HTML -
<!-- Panel-Site --> <div id="panelsite"> <div class="leftcol"></div> <div class="centercol"> <div class="menuheader"> <div class="blocktitle bluesmall"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul id="nav">{%IF catalog_full.LEVEL=1%}<li class="catalog_parent_name catalog_id{catalog_full.ID}"><span style="color:#FF0000; font-size: 16px;"></span> </li>{% ENDIF %}{% ENDIF %} <li class=" level{catalog_full.LEVEL} nav-{catalog_full.index} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} " {%IF catalog_full.NAME=БОДИ, РАСПАШОНКИ%}style="display:none;"{%ENDIF%} > <a href="{catalog_full.URL}"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %} {%FOR out%} </ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <script> $('.catalog_parent_name').each(function() { $(this).children('span').text($(this).closest('li').children('a').text()); }); </script> <ul style="margin-top:-32px;"><li><a href="{NEWS_SHOP_URL}"style="border-radius:6px;"><span>ПРЕДЛОЖЕНИЯ И АКЦИИ</span></a></li></ul> </div> </div> </div> </div> <!-- Panel-Site-END -->и замените на -
<div id="parent_popup"> <div id="popup"> <h1>Загаловок</h1> <p> </p> <p>Ваше сообщение</p> <a class="close" title="Закрыть" onclick="document.getElementById('parent_popup').style.display='none';">X</a></div> </div> <!-- Panel-Site --> <div id="panelsite"> <div class="leftcol"></div> <div class="centercol"> <div class="menuheader"> <div class="blocktitle bluesmall"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul id="nav">{%IF catalog_full.LEVEL=1%}<li class="catalog_parent_name catalog_id{catalog_full.ID}"><span style="color:#FF0000; font-size: 16px;"></span> </li>{% ENDIF %}{% ENDIF %} <li class=" level{catalog_full.LEVEL} nav-{catalog_full.index} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} " {%IF catalog_full.NAME=БОДИ, РАСПАШОНКИ%}style="display:none;"{%ENDIF%} > <a href="{catalog_full.URL}" {%IF catalog.NAME = Конструкторы Lego %} onmouseover="document.getElementById('parent_popup').style.display='block';" onmouseout="document.getElementById('parent_popup').style.display = 'none' " onfocus='this.blur();'{%ENDIF%}><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %} {%FOR out%} </ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <script> $('.catalog_parent_name').each(function() { $(this).children('span').text($(this).closest('li').children('a').text()); }); </script> <ul style="margin-top:-32px;"><li><a href="{NEWS_SHOP_URL}"style="border-radius:6px;"><span>ПРЕДЛОЖЕНИЯ И АКЦИИ</span></a></li></ul> </div> </div> </div> </div> <!-- Panel-Site-END -->
Далее добавьте в конец main.css код -
/*Всплывающее окно*/ #parent_popup { background-color: rgba(0, 0, 0, 0.8); display: none; position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; } #popup { background: #fff; width: 500px; /*Ширина окна*/ margin: 10% auto; padding: 5px 20px 13px 20px; border: 10px solid #ddd; position: relative; /*--CSS3 CSS3 Тени для Блока--*/ -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; /*--CSS3 Закругленные углы--*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #popup h1{ font:28px Monotype Corsiva, Arial; font-weight: bold; text-align: center; color: red; text-shadow: 0 1px 3px rgba(0,0,0,.3); } #popup h2{ font:24px Monotype Corsiva, Arial; color: #1985b4; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,.3); } #popup h3{ font:18px Monotype Corsiva, Arial; color: #1985b4; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,.3); } /* кнопка закрытия */ .close { background-color: rgba(0, 0, 0, 0.8) !important; border: 2px solid #ccc; height: 24px; line-height: 24px !important; position: absolute !important; right: -24px; cursor: pointer !important; font-family: Times !important; font-weight: bold !important; text-align: center !important; text-decoration: none !important; color: rgba(255, 255, 255, 0.9) !important; font-size: 14px !important; text-shadow: 0 -1px rgba(0, 0, 0, 0.9) !important; top: -24px; width: 24px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background-color: rgba(0, 122, 200, 0.8) !important; }
Само сообщение можно отредактировать в коде -
<div id="parent_popup"> <div id="popup"> <h1>Загаловок</h1> <p> </p> <p>Ваше сообщение</p> <a class="close" title="Закрыть" onclick="document.getElementById('parent_popup').style.display='none';">X</a></div> </div>
Скриншоты у Вас получились маленькими по ним не очень понятно что должно быть в самом сообщении.
#75
Отправлено 20 Август 2013 - 01:58
#panelsite div.centercol ul ul li.nav-98 a { background: url('{ASSETS_IMAGES_PATH}lego.jpg') no-repeat left center !important; text-indent: -9999px; height: 40px; }
где "lego.jpg" ваше изображение.
Далее добавьте
.lego-block { background: #BC0606; border-radius: 6px; height: 300px; padding: 0 5px; position: absolute; right: 240px; top: 340px; width: 630px; z-index: 10; } .lego-block-bg { background: #FFFFFF; border-radius: 6px; margin: 15px 8px; padding-bottom: 5px; } .lego-block-item { float: left; width: 198px; min-height: 265px; } .lego-block-head { border-bottom: 1px solid #CCCCCC; color: #A70000; font-weight: bold; height: 30px; line-height: 30px; padding: 0 15px; text-transform: uppercase; } .lego-block-item ul { padding: 0 5px 0 15px; } .lego-block-item a { color: #357485; font-size: 12px; text-decoration: underline; } .lego-block-item li { margin: 5px 0; } .lego-block-3 li, .lego-block-4 li { float: left; margin: 5px; } .lego-block-4 li { width: 50%; margin: 5px 0; text-align: left; }
в файл main.js добавьте
$(function() { $('.nav-98 a').click(function() { $('.lego-block').fadeIn('fast'); return(false); }); $(document).click(function(event) { if(!$(event.originalTarget).closest('.lego-wrapper').length) { $('.lego-block:visible').fadeOut('fast'); } }); });
Далее в шаблоне "HTML" после строки
<div id="backtop"> <div id="container">
добавьте
<div class="lego-wrapper"> <div class="lego-block"> <div class="lego-block-item lego-block-bg lego-block-1"> <div class="lego-block-head">Игрушки</div> <ul> <li><a href="#">Поезда</a></li> <li><a href="#">Полиция</a></li> </ul> </div> <div class="lego-block-item lego-block-bg lego-block-2"> <div class="lego-block-head">Новинки</div> <ul> <li>Товары для школы и дома</li> <li>Изображение</li> </ul> </div> <div class="lego-block-item"> <div class="lego-block-bg lego-block-3"> <div class="lego-block-head">Возраст ребенка</div> <ul> <li><a href="#">2 года</a></li> <li><a href="#">5 года</a></li> <li><a href="#">10 года</a></li> <li><a href="#">3 года</a></li> </ul> <div class="clear"></div> </div> <div class="lego-block-bg lego-block-4"> <div class="lego-block-head">Пол ребенка</div> <ul> <li><a href="#">Мальчик</a></li> <li><a href="#">Девочка</a></li> </ul> <div class="clear"></div> </div> <div class="lego-block-bg lego-block-5"> <div class="lego-block-head">Услуги</div> </div> </div> </div> </div>
#76
Отправлено 20 Август 2013 - 09:48
Изменения все сделал. Но появилось окно, которое не закрывается никак. см сайт www.malyshland.ru
#77
Отправлено 20 Август 2013 - 12:54
Dr.Nemo (20 Август 2013 - 09:48) писал:
Изменения все сделал. Но появилось окно, которое не закрывается никак. см сайт www.malyshland.ru
Вы не добавили изображение lego.jpg в раздел Сайт - Редактор шаблонов - Добавить файлы.
Перед изменениями сделайте копию дизайн шаблона.
Далее попробуйте удалить код из main.js -
$(function() { $('.nav-98 a').click(function() { $('.lego-block').fadeIn('fast'); return(false); }); $(document).click(function(event) { if(!$(event.originalTarget).closest('.lego-wrapper').length) { $('.lego-block:visible').fadeOut('fast'); } }); });
Также в шаблоне HTML удалите код -
<div class="lego-wrapper"> <div class="lego-block"> <div class="lego-block-item lego-block-bg lego-block-1"> <div class="lego-block-head">Игрушки</div> <ul> <li><a href="#">Поезда</a></li> <li><a href="#">Полиция</a></li> </ul> </div> <div class="lego-block-item lego-block-bg lego-block-2"> <div class="lego-block-head">Новинки</div> <ul> <li>Товары для школы и дома</li> <li>Изображение</li> </ul> </div> <div class="lego-block-item"> <div class="lego-block-bg lego-block-3"> <div class="lego-block-head">Возраст ребенка</div> <ul> <li><a href="#">2 года</a></li> <li><a href="#">5 года</a></li> <li><a href="#">10 года</a></li> <li><a href="#">3 года</a></li> </ul> <div class="clear"></div> </div> <div class="lego-block-bg lego-block-4"> <div class="lego-block-head">Пол ребенка</div> <ul> <li><a href="#">Мальчик</a></li> <li><a href="#">Девочка</a></li> </ul> <div class="clear"></div> </div> <div class="lego-block-bg lego-block-5"> <div class="lego-block-head">Услуги</div> </div> </div> </div> </div>
Далее найдите код в шаблоне HTML -
<!-- Panel-Site --> <div id="panelsite"> <div class="leftcol"></div> <div class="centercol"> <div class="menuheader">и до него добавьте код -
<div id="parent_popup"> <div id="popup"> <<div class="lego-wrapper"> <div class="lego-block"> <div class="lego-block-item lego-block-bg lego-block-1"> <div class="lego-block-head">Игрушки</div> <ul> <li><a href="#">Поезда</a></li> <li><a href="#">Полиция</a></li> </ul> </div> <div class="lego-block-item lego-block-bg lego-block-2"> <div class="lego-block-head">Новинки</div> <ul> <li>Товары для школы и дома</li> <li>Изображение</li> </ul> </div> <div class="lego-block-item"> <div class="lego-block-bg lego-block-3"> <div class="lego-block-head">Возраст ребенка</div> <ul> <li><a href="#">2 года</a></li> <li><a href="#">5 года</a></li> <li><a href="#">10 года</a></li> <li><a href="#">3 года</a></li> </ul> <div class="clear"></div> </div> <div class="lego-block-bg lego-block-4"> <div class="lego-block-head">Пол ребенка</div> <ul> <li><a href="#">Мальчик</a></li> <li><a href="#">Девочка</a></li> </ul> <div class="clear"></div> </div> <div class="lego-block-bg lego-block-5"> <div class="lego-block-head">Услуги</div> </div> </div> </div> </div> <a class="close" title="Закрыть" onclick="document.getElementById('parent_popup').style.display='none';">X</a></div> </div>
#78
Отправлено 20 Август 2013 - 13:51
Но вот теперь не всплывает таблички при наведении на кнопку Конструкторы Lego
#79
Отправлено 21 Август 2013 - 01:05
Вероятно проблема в браузере в котором нет свойства originalTarget. После того как выполните изменения, замените строку
if(!$(event.originalTarget).closest('.lego-wrapper').length) {
на
if(!$(event.target).closest('.lego-wrapper').length) {
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных