Danil (29 Сентябрь 2014 - 17:02) писал:
- Форум владельцев интернет-магазинов
- → Публикации Alan
Публикации Alan
166 публикаций создано Alan (учитываются публикации только с 09-Июнь 23)
#162980 С Телефона Ужасно Смотрится...
Отправлено от Alan в 29 Сентябрь 2014 - 18:58 в Главная
Danil (29 Сентябрь 2014 - 18:52) писал:
<div class="cols col-4 pad10 must100"> <h3 class="footheader ftheme-color">Заказ обратного звонка</h3> <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data" onsubmit="return validCallBack();"> <input type="hidden" name="hash" value="{HASH}" /> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <div class="form feedb"> <div class="feedblabel" > <label for="callback_person" class="required">Представьтесь пожалуйста<em>*</em></label> </div> <div> <input id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required"/> </div> <div class="feedblabel"> <label for="callback_phone" class="required">Телефон<em>*</em></label> </div> <div> <input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required input-text"/> </div> <div class="feedblabel"> <label for="callback_comment">Комментарий</label> </div> <div> <textarea id="callback_comment" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" >{FORM_CALLBACK_COMMENT}</textarea> </div> </div> <div class="indexfeedb"> <div class="indexfeedb_button"> {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button submitCallBack">Отправить</button>{% ENDIF %} </div> </div> </form> </div>
<div class="blockfootera"> <p>Текст</p> <img src="{ASSETS_IMAGES_PATH}Название картинки?design=chameleon"> </div>
#163070 Возможно Сделать Так?
Отправлено от Alan в 30 Сентябрь 2014 - 09:30 в Главная
Vaccina (30 Сентябрь 2014 - 06:43) писал:
</div> </div> </div> <div class="row"> <div class="cols col-12"> <div class="customNavigation">
вставляем:
<div class="right_ban"> <a href="ссылку куда ведет баннер"><img src="ссылка на картинку" alt="" /></a> <a href="ссылку куда ведет баннер"><img src="ссылка на картинку" alt="" /></a> <a href="ссылку куда ведет баннер"><img src="ссылка на картинку" alt="" /></a> </div>
далее в main.css находим:
#module_area { margin: 0 auto; width: 100%; }меняем на:
.right_ban { width: 30%; float: right; } #module_area { float: left; margin: 0 auto; width: 70%; }
</div>
</div>
</div>
<div class="row">
<div class="cols col-12">
это все есть, а вот последней строчки нет..
#163080 Способ Оплаты Как В Админке Storeland'а
Отправлено от Alan в 30 Сентябрь 2014 - 10:22 в Оформление заказа
#163159 Возможно Сделать Так?
Отправлено от Alan в 30 Сентябрь 2014 - 15:24 в Главная
Ирина345 (30 Сентябрь 2014 - 14:30) писал:
<!-- /Главная страница --> </div> </div><!-- END cols col-12 --> </div> <!-- END cols row -->
#163181 Возможно Сделать Так?
Отправлено от Alan в 30 Сентябрь 2014 - 16:33 в Главная
Ирина345 (30 Сентябрь 2014 - 16:28) писал:
<!-- Главная страница --> {% IF index_page %} <div id="module_area"> <div id="flexslideshow" class="flexslider"> <ul class="slides"> <li> <img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=chameleon" alt="Slide 1" class="slide_img"> </li> <li> <img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=chameleon" alt="Slide 2" class="slide_img"> </li> <li> <img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=chameleon" alt="Slide 3" class="slide_img"> </li> </ul> </div> </div> {% ENDIF %} <div class="right_ban"> <a href="ссылку куда ведет баннер"><img src="{ASSETS_IMAGES_PATH}tumblr_lp0sg3l6Jf1qbwiabo1_1280.jpg?design=chameleon" alt="" /></a> <a href="ссылку куда ведет баннер"><img src="ссылка на картинку" alt="" /></a> <a href="ссылку куда ведет баннер"><img src="ссылка на картинку" alt="" /></a> </div> <!-- /Главная страница -->замените на
<!-- Главная страница --> <div class="right_ban"> <a href="ссылку куда ведет баннер"><img src="{ASSETS_IMAGES_PATH}tumblr_lp0sg3l6Jf1qbwiabo1_1280.jpg?design=chameleon" alt="" /></a> <a href="ссылку куда ведет баннер"><img src="{ASSETS_IMAGES_PATH}tumblr_lp0sg3l6Jf1qbwiabo1_1280.jpg?design=chameleon" alt="" /></a></div> {% IF index_page %} <div id="module_area"> <div id="flexslideshow" class="flexslider"> <ul class="slides"> <li> <img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=chameleon" alt="Slide 1" class="slide_img"> </li> <li> <img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=chameleon" alt="Slide 2" class="slide_img"> </li> <li> <img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=chameleon" alt="Slide 3" class="slide_img"> </li> </ul> </div> </div> {% ENDIF %} <div class="right_ban"> <a href="ссылку куда ведет баннер"><img src="{ASSETS_IMAGES_PATH}tumblr_lp0sg3l6Jf1qbwiabo1_1280.jpg?design=chameleon" alt="" /></a> <a href="ссылку куда ведет баннер"><img src="ссылка на картинку" alt="" /></a> </div> <!-- /Главная страница -->
в main.css найдите
.right_ban { width: 30%; float: right; } #module_area { float: left; margin: 0 auto; width: 70%; }замените на
.right_ban { width: 30%; float: left; } #module_area { float: left; margin: 0 auto; width: 40%; }
AnnaM (30 Сентябрь 2014 - 16:14) писал:
#163268 Способ Оплаты Как В Админке Storeland'а
Отправлено от Alan в 01 Октябрь 2014 - 00:04 в Оформление заказа
Ирина345 (30 Сентябрь 2014 - 14:50) писал:
<table class="orderStagePaymentListTable tablew"> {% FOR order_payment %} <tr class="first"> <td class="cell1"><input type="radio" id="paymentId{order_payment.ID}" name="form[payment][id]" value="{order_payment.ID}" class="required" {% IFNOT ORDER_FORM_PAYMENT_ID %}{% IF order_payment.first %}checked="checked"{% ENDIF %}{% ELSEIF order_payment.ID = ORDER_FORM_PAYMENT_ID %}checked="checked"{% ENDIF %}/></td> <td class="cell2" style=""> <label for="paymentId{order_payment.ID}">{order_payment.NAME}</label> <!-- Сообщение для пользователя --> {order_payment.MESSAGE} </td> </tr> {% ENDFOR %} </table>замените на
<div class="orderStagePaymentListTable tablew"> {% FOR order_payment %} <div class="valign" style="display:none;"><input type="radio" id="paymentId{order_payment.ID}" name="form[payment][id]" value="{order_payment.ID}" class="required" {% IFNOT ORDER_FORM_PAYMENT_ID %} {% IF order_payment.first %} checked="checked" {% ENDIF %} {% ELSEIF order_payment.ID = ORDER_FORM_PAYMENT_ID %} checked="checked" {% ENDIF %} /></div> <div class="mess fnt11n txtalgnlft"><label for="paymentId{order_payment.ID}"><br/> {order_payment.MESSAGE} <p class="fnt14n"><span>{order_payment.NAME}</span></p> </label> </div> {% ENDFOR %} <div style="clear:both;"></div> </div> <div style="clear:both;"></div>далее в main.css добавьте:
.pay div{ width:200px; height:100px; float:left; text-align:center; border:1px solid #ccc; border-radius:10px; } .pay label{ width:200px; height:100px; }
#163274 Способ Оплаты Как В Админке Storeland'а
Отправлено от Alan в 01 Октябрь 2014 - 00:30 в Оформление заказа
#163572 Сделать 3 Столбца Товаров
Отправлено от Alan в 02 Октябрь 2014 - 09:44 в Каталог товаров
#163785 Футер Изменить..
Отправлено от Alan в 03 Октябрь 2014 - 12:38 в Главная
Vaccina (01 Октябрь 2014 - 00:12) писал:
http://forum.storela...зменить-подвал/
подробнее, в шаблоне HTML после
<div class="cols col-4 pad10 {% IF news_list_all_empty && news_list_shop_empty && news_list_articles_empty%}must100{%ENDIF%}"> <a href="{FEEDBACK_URL}"><h3 class="footheader ftheme-color">Наши контакты:</h3></a> <div class="contactsWrp"> <div class="footerphone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <div class="fph1"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}"> <span class="fmark"><img class="theme-color" src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/></span> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </a> </div> {% ENDIF %} <!--END Первый контактный телефон --> <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <div class="fph2"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}"> <span class="fmark"><img class="theme-color" src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/></span> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </a> </div> {% ENDIF %} <!--END Второй контактный телефон --> <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <div class="fph3"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}"> <span class="fmark"><img class="theme-color" src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/></span> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </a> </div> {% ENDIF %} <!--END Третий контактный телефон --> <!-- Контакт Skype --> {% IF SETTINGS_STORE_SKYPE %} <div class="fskype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a></div> {% ENDIF %} <!--END Контакт Skype --> <!-- Контакт Skype --> {% IF SETTINGS_STORE_EMAIL_MAIN %} <div class="fskype"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте">{SETTINGS_STORE_EMAIL_MAIN}</a></div> {% ENDIF %} <!--END Контакт Skype --> <!-- Номер ICQ на сайте --> {% IF SETTINGS_STORE_ICQ %} <div class="ficq"> <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span>{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %} <!--END Номер ICQ на сайте --> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="fwork-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> <span class="mark">Время работы:</span> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %} <!--END Время работы магазина --> </div><!--END phone--> </div><!--END contactsWrp theme-color --> </div>добавлять по такому же принципу блоки, например:
<div class="cols col-4 pad10"> <<h3 class="footheader ftheme-color">Текст:</h3> {% FOR menu %} {% FOR footer %} <div class="menu_footer"> <ul> {% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME} </a></li>{% ENDFOR %} </ul> </div> {% ENDFOR %} {% ENDFOR %} </div> <div class="cols col-4 pad10"> <<h3 class="footheader ftheme-color">Текст2:</h3> {% FOR menu %} {% FOR footer2 %} <div class="menu_footer"> <ul> {% FOR links %}<li><a href="{menu.footer2.links.URL}" {% IF menu.footer2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME} </a></li>{% ENDFOR %} </ul> </div> {% ENDFOR %} {% ENDFOR %} </div>
#163786 Сделать 3 Столбца Товаров
Отправлено от Alan в 03 Октябрь 2014 - 12:38 в Каталог товаров
Danil (02 Октябрь 2014 - 10:26) писал:
Все из-за ограничения по ширине тега body
1) Найдите в main.css
body { font: 100%/1.5em "PT Sans Narrow","Oranienbaum","Open Sans Condensed",Tahoma,serif,sans-serif; margin: 0 auto; max-width: 1500px; min-width: 320px; width: 100%; }И замените на
body { font: 100%/1.5em "PT Sans Narrow","Oranienbaum","Open Sans Condensed",Tahoma,serif,sans-serif; margin: 0 auto; min-width: 320px; width: 100%; }2) Если Вам не хочется изменять ширину body, тогда найдите
.product-list { width: 100%; margin: 5px 20px; padding: 0px 20px; text-align: center; }И замените на
.product-list { width: 120%; margin: 5px 20px; padding: 0px 20px; text-align: center; }
#169249 Кнопки
Отправлено от Alan в 29 Октябрь 2014 - 12:30 в Главная
AnnaM (29 Октябрь 2014 - 12:28) писал:
.addToCart { padding: 6px 23px 6px 25px; color: #666; cursor: pointer; border: 1px solid #ddd; border-radius: 20px; transition: background-color 0.35s ease; margin: 0 50px 0 0; transition: border-radius 0.35s ease-in-out; }на
.addToCart { padding: 6px 23px 6px 25px; color: #666; cursor: pointer; border: 1px solid #ddd; border-radius: 20px; transition: background-color 0.35s ease; margin: 0 84px 0 0; transition: border-radius 0.35s ease-in-out; }
#169259 Кнопки
Отправлено от Alan в 29 Октябрь 2014 - 12:52 в Главная
AnnaM (29 Октябрь 2014 - 12:36) писал:
<div class="cols col-4"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}на
<div class="cols col-4 marg4"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}и в конец main.css добавьте
.hph1 { margin-right: -55px; }
Уточните, где именно кнопки сдвинулись (в карточке товара или в каталоге, или на главной)?
#169489 Кнопки
Отправлено от Alan в 30 Октябрь 2014 - 11:11 в Главная
Danil (30 Октябрь 2014 - 10:54) писал:
#powered { background: #ddd; height: auto; padding: 5px; }и замените на
#powered { background: #ddd; height: auto; padding: 5px; min-height: 118px; }Так же в конец main.css добавьте код
#powered .cols.col-4.pad10.must100 { margin-left: 3.8%; }
и как переместить иконки вот туда на край меню?
- Форум владельцев интернет-магазинов
- → Публикации Alan
- Privacy Policy