а именно:
- как заполнить данные facebook, insagram, vk, twitter
- как и где вставить ссылки в иконки: бесплатная доставка, способы оплаты, 30 дней гарантии, прием заказов 24/7
- как создать дополнительный блок
Отправлено 06 Февраль 2016 - 14:17
Отправлено 06 Февраль 2016 - 14:44
Jan (06 Февраль 2016 - 14:17) писал:
<li><a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span>facebook</span></a></li> <li><a class="twitter fa fa-twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><span>twitter</span></a></li> <li><a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><span>odnoklassniki</span></a></li> <li><a class="vk fa fa-vk" href="https://vk.com/" title="VK.com" target="_blank"><span>vk</span></a></li> <li><a class="youtube fa fa-instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><span>youtube</span></a></li>
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-truck"> </em></div> <div class="text-block"> <h4>Бесплатная доставка</h4> </div> </div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-unlock-alt"> </em></div> <div class="text-block"> <h4>Безопасная оплата</h4> </div> </div> <div class="clear-resp"></div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-rotate-left"> </em></div> <div class="text-block"> <h4>30 дней гарантии</h4> </div> </div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-phone"> </em></div> <div class="text-block"> <h4>Прием заказов 24/7</h4> </div>
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><a href="#"><em class="fa fa-truck"> </em></a></div> <div class="text-block"> <h4>Бесплатная доставка</h4> </div> </div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><a href="#"><em class="fa fa-unlock-alt"> </em></a></div> <div class="text-block"> <h4>Безопасная оплата</h4> </div> </div> <div class="clear-resp"></div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><a href="#"><em class="fa fa-rotate-left"> </em></a></div> <div class="text-block"> <h4>30 дней гарантии</h4> </div> </div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><a href="#"><em class="fa fa-phone"> </em></a></div> <div class="text-block"> <h4>Прием заказов 24/7</h4> </div>
{% ENDFOR %} </ul> </div> </div> {% ENDIF %} <!-- /END Каталог -->
<div>Содержание Вашего блока</div>
Отправлено 07 Февраль 2016 - 12:15
MikDark (06 Февраль 2016 - 14:44) писал:
<li><a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span>facebook</span></a></li> <li><a class="twitter fa fa-twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><span>twitter</span></a></li> <li><a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><span>odnoklassniki</span></a></li> <li><a class="vk fa fa-vk" href="https://vk.com/" title="VK.com" target="_blank"><span>vk</span></a></li> <li><a class="youtube fa fa-instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><span>youtube</span></a></li>
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-truck"> </em></div> <div class="text-block"> <h4>Бесплатная доставка</h4> </div> </div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-unlock-alt"> </em></div> <div class="text-block"> <h4>Безопасная оплата</h4> </div> </div> <div class="clear-resp"></div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-rotate-left"> </em></div> <div class="text-block"> <h4>30 дней гарантии</h4> </div> </div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-phone"> </em></div> <div class="text-block"> <h4>Прием заказов 24/7</h4> </div>
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><a href="#"><em class="fa fa-truck"> </em></a></div> <div class="text-block"> <h4>Бесплатная доставка</h4> </div> </div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><a href="#"><em class="fa fa-unlock-alt"> </em></a></div> <div class="text-block"> <h4>Безопасная оплата</h4> </div> </div> <div class="clear-resp"></div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><a href="#"><em class="fa fa-rotate-left"> </em></a></div> <div class="text-block"> <h4>30 дней гарантии</h4> </div> </div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><a href="#"><em class="fa fa-phone"> </em></a></div> <div class="text-block"> <h4>Прием заказов 24/7</h4> </div>
{% ENDFOR %} </ul> </div> </div> {% ENDIF %} <!-- /END Каталог -->
<div>Содержание Вашего блока</div>
Отправлено 10 Февраль 2016 - 20:11
Отправлено 23 Февраль 2016 - 13:15
Отправлено 23 Февраль 2016 - 18:22
Egik (23 Февраль 2016 - 13:15) писал:
<div class="footer-content"> <ul> {% IFNOT CLIENT_IS_LOGIN %} <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет">Вход</a></li> <li><a href="{USER_REGISTER_URL}" title="Регистрация">Регистрация</a></li> {% ELSE %} <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет">Мой кабинет</a></li> <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов">История</a></li> <li><a href="{FAVORITES_URL}" title="Избранные товары">Избранное</a></li> <li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li> <li><a href="{USER_LOGOUT_URL}" title="Выход">Выход</a></li> {% ENDIF %} </ul> </div>
<div class="footer-content"> <ul> {% IFNOT CLIENT_IS_LOGIN %} <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет">Вход</a></li> <li><a href="{USER_REGISTER_URL}" title="Регистрация">Регистрация</a></li> {% ELSE %} <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет">Мой кабинет</a></li> <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов">История</a></li> <li><a href="{FAVORITES_URL}" title="Избранные товары">Избранное</a></li> <li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li> <li><a href="{USER_LOGOUT_URL}" title="Выход">Выход</a></li> {% ENDIF %} <li><a href="{CART_URL}" title="Корзина">Корзина</a></li> </ul> </div>
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12"> <div class="footer-title"> <h4>Контакты</h4> </div> <div class="footer-contact"> {% IF SETTINGS_STORE_REGION %}<p class="adres"><em class="fa fa-map-marker"> </em><span class="ft-content">{SETTINGS_STORE_REGION}</span></p>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o"> </em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="fax"><em class="fa fa-fax"> </em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope"> </em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<p class="skype"><em class="fa fa-skype"> </em><span class="ft-content"><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %} </div> </div>
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12"> <div class="footer-title"> <h4>Контакты</h4> </div> <div class="footer-contact"> {% IF SETTINGS_STORE_REGION %}<p class="adres"><em class="fa fa-map-marker"> </em><span class="ft-content">{SETTINGS_STORE_REGION}</span></p>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o"> </em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="fax"><em class="fa fa-fax"> </em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope"> </em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<p class="skype"><em class="fa fa-skype"> </em><span class="ft-content"><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %} <br> <div class="callback-button"><a href="/callback" title="Обратный звонок">Обратный звонок</a></div> </div> </div>
.callback-button a {font-weight:bold;font-size:15px;color: #fff;}
<div> <label for="callback_comment">Комментарий</label> <textarea id="callback_comment" class="textarea" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" >{FORM_CALLBACK_COMMENT}</textarea> </div>
<div> <label for="callback_comment" class="required">Комментарий<em>*</em></label> <textarea id="callback_comment" class="textarea required" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" >{FORM_CALLBACK_COMMENT}</textarea> </div>
//Проверка телефона в обратном звонке. function validCallBack(){q1 = false;q2 = false;validName();validPhone();return q1 && q2;}
function validComment(){ comment = $('#callback_comment'); if(comment.text().length){ $('.comment-error').remove(); q3 = true; } else{ $('.comment-error').remove(); $('#callback_comment').after('<div class="comment-error">Вы не ввели комментарий</div>'); } } //Проверка телефона в обратном звонке. function validCallBack(){q1 = false;q2 = false; q3 = false;validName();validPhone();validComment();return q1 && q2 && q3;}
.name-error, .phone-error {display: block;color: #F74444;text-align: center;margin:0 0 8px 0px;}
.name-error, .phone-error, .comment-error {display: block;color: #F74444;text-align: center;margin:0 0 8px 0px;}
<div class="footer-title"> <h4>Обратный звонок</h4> </div>
<div class="footer-title"> <h4>Мы в социальных сетях</h4> </div>
<div class="footer-content"> <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data"> <input type="hidden" name="hash" value="{HASH}" /> <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} {% IF FORM_NOTICE %}<div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE}</div>{% ENDIF %} <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off" /> <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off" /> {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %} </form> <ul class="link-follow"> <li><a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span>facebook</span></a></li> <li><a class="twitter fa fa-twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><span>twitter</span></a></li> <li><a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><span>odnoklassniki</span></a></li> <li><a class="vk fa fa-vk" href="https://vk.com/" title="VK.com" target="_blank"><span>vk</span></a></li> <li><a class="youtube fa fa-instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><span>youtube</span></a></li> </ul> </div>
<div class="footer-content"> <ul class="link-follow"> <li><a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span>facebook</span></a></li> <li><a class="twitter fa fa-twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><span>twitter</span></a></li> <li><a class="vk fa fa-vk" href="https://vk.com/" title="VK.com" target="_blank"><span>vk</span></a></li> <li><a class="youtube fa fa-instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><span>youtube</span></a></li> </ul> </div>
Отправлено 23 Февраль 2016 - 21:03
Firefly (23 Февраль 2016 - 18:22) писал:
Отправлено 24 Февраль 2016 - 10:43
Egik (23 Февраль 2016 - 21:03) писал:
</div> </br>
</div> </div> </br>
<div class="callback-button"><a href="/callback" title="Обратный звонок">Обратный звонок</a></div>
<div class="callback-button"><em class="fa fa-phone"> </em><a href="/callback" title="Обратный звонок">Обратный звонок</a></div>
#footer-middle .footer-contact .ft-content a:hover{color: #09afe7;}
#footer-middle .footer-contact .ft-content a:hover, .callback-button a:hover {color: #09afe7;}
Отправлено 02 Апрель 2018 - 19:14
Отправлено 03 Апрель 2018 - 13:09
Ryazanskiy (02 Апрель 2018 - 19:14) писал:
<div class="col-md-4 col-sm-4 block-item effect-bounceInRight"> <div class="icon"> <span><div class="fa fa-truck"> </div></span> </div> <div class="text"> <h6>Бесплатная доставка</h6> <p>Доставка по городу и области Бесплатна!</p> </div> </div> <div class="col-md-4 col-sm-4 block-item effect-bounceInRight"> <div class="icon"> <span><div class="fa fa-comments"> </div></span> </div> <div class="text"> <h6>100% гарантия возврата средств</h6> <p>Вы можете вернуть товар в течении 30 дней после получения заказа.</p> </div> </div> <div class="col-md-4 col-sm-4 block-item effect-bounceInRight"> <div class="icon"> <span><div class="fa fa-share"> </div></span> </div> <div class="text"> <h6>Прием заказов 24/7</h6> <p>Оформите заказ в интернет-магазине "Название магазина" Прямо сейчас!</p> </div> </div>
Отправлено 05 Апрель 2018 - 19:17
Отправлено 05 Апрель 2018 - 20:39
#footer-middle .footer-content .button{background:#ef1111;} ::-webkit-input-placeholder {color:#000;} ::-moz-placeholder {color:#000;}/* Firefox 19+ */ :-moz-placeholder {color:#000;}/* Firefox 18- */ :-ms-input-placeholder {color:#000;}
Отправлено 10 Апрель 2018 - 20:05
Отправлено 11 Апрель 2018 - 02:38
Отправлено 11 Апрель 2018 - 20:16
Vaccina (11 Апрель 2018 - 08:07) писал:
Отправлено 13 Апрель 2018 - 01:45
Отправлено 14 Апрель 2018 - 09:34
Vaccina (13 Апрель 2018 - 01:45) писал:
0 пользователей, 0 гостей, 0 анонимных