Добавить Соц Сети
#1
Отправлено 21 Июль 2016 - 12:33
#2
Отправлено 21 Июль 2016 - 16:14
Giran (21 Июль 2016 - 12:33) писал:
Здравствуйте.
Создал Вам бэкап и добавил блок соцсетей в подвал сайта перед копирайтом, загрузил необходимые шрифты иконок.
Чтобы установить свои ссылки на страницы в шаблоне HTML найдите код:
<!-- Соц. сети --> <h4 class="title">Мы в социальных сетях</h4> <div class="social-links"> <a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span>facebook</span></a> <!--<a class="twitter fa fa-twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><span>twitter</span></a>--> <a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><span>odnoklassniki</span></a> <a class="vk fa fa-vk" href="https://vk.com/" title="VK.com" target="_blank"><span>vk</span></a> <a class="instagram fa fa-instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><span>instagram</span></a> </div>
Вместо ссылок вида https://www.facebook.com/ установите свои.
#3
Отправлено 31 Июль 2016 - 11:29
Firefly (21 Июль 2016 - 16:14) писал:
Создал Вам бэкап и добавил блок соцсетей в подвал сайта перед копирайтом, загрузил необходимые шрифты иконок.
Чтобы установить свои ссылки на страницы в шаблоне HTML найдите код:
<!-- Соц. сети --> <h4 class="title">Мы в социальных сетях</h4> <div class="social-links"> <a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span>facebook</span></a> <!--<a class="twitter fa fa-twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><span>twitter</span></a>--> <a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><span>odnoklassniki</span></a> <a class="vk fa fa-vk" href="https://vk.com/" title="VK.com" target="_blank"><span>vk</span></a> <a class="instagram fa fa-instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><span>instagram</span></a> </div>
Вместо ссылок вида https://www.facebook.com/ установите свои.
Спасибо. Еще как увеличить шрифт модификации РАЗМЕР http://sat-mix.ru/go...kij-dlya-machty
#4
Отправлено 31 Июль 2016 - 13:00
Giran (31 Июль 2016 - 11:29) писал:
В main.css найдите код
.goodsDataMainModificationsBlockProperty .title { display: inline-block; padding: 0% 0% 2% 0%; }и замените на
.goodsDataMainModificationsBlockProperty .title { display: inline-block; padding: 0% 0% 2% 0%; font-size: 20px; }изменяйте значение 20px(размер шрифта).
#5
Отправлено 28 Сентябрь 2016 - 11:50
#6
Отправлено 28 Сентябрь 2016 - 11:57
Merlin (28 Сентябрь 2016 - 11:50) писал:
Здравствуйте.
1) Зайдите в раздел Сайт - Редактор шаблонов, откройте шаблон HTML и в нем после строк:
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
вставьте:
<link rel="stylesheet" href="/ПУТЬ ДО ПАПКИ НА СЕРВЕРЕ/font-awesome.min.css"> <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
2) Там же найдите код:
<li class="title"> <span class="iconMail"></span><a href="http://{NET_DOMAIN}/feedback" title="Перейти к странице «Связь с администрацией»">Связаться с Нами</a> </li>
и после него добавьте:
<div class="social-links"> <a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span>facebook</span></a> <!--<a class="twitter fa fa-twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><span>twitter</span></a>--> <a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><span>odnoklassniki</span></a> <a class="vk fa fa-vk" href="https://vk.com/" title="VK.com" target="_blank"><span>vk</span></a> <a class="instagram fa fa-instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><span>instagram</span></a> </div>
Вместо ссылок вида https://www.facebook.com/ установите свои.
#7
Отправлено 28 Сентябрь 2016 - 12:11
MikDark (28 Сентябрь 2016 - 11:57) писал:
1) Зайдите в раздел Сайт - Редактор шаблонов, откройте шаблон HTML и в нем после строк:
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
вставьте:
<link rel="stylesheet" href="/ПУТЬ ДО ПАПКИ НА СЕРВЕРЕ/font-awesome.min.css"> <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
2) Там же найдите код:
<li class="title"> <span class="iconMail"></span><a href="http://{NET_DOMAIN}/feedback" title="Перейти к странице «Связь с администрацией»">Связаться с Нами</a> </li>
и после него добавьте:
<div class="social-links"> <a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span>facebook</span></a> <!--<a class="twitter fa fa-twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><span>twitter</span></a>--> <a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><span>odnoklassniki</span></a> <a class="vk fa fa-vk" href="https://vk.com/" title="VK.com" target="_blank"><span>vk</span></a> <a class="instagram fa fa-instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><span>instagram</span></a> </div>
Вместо ссылок вида https://www.facebook.com/ установите свои.
#8
Отправлено 28 Сентябрь 2016 - 12:15
Merlin (28 Сентябрь 2016 - 12:11) писал:
В каждой строке после <span> удалите названия
Пример, есть строка:
<a class="instagram fa fa-instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><span>instagram</span></a>
Получится:
<a class="instagram fa fa-instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><span></span></a>
#9
Отправлено 28 Сентябрь 2016 - 12:20
#10
Отправлено 28 Сентябрь 2016 - 12:23
Merlin (28 Сентябрь 2016 - 12:20) писал:
Попробуйте получить новый код на подключение здесь:
http://fontawesome.io/get-started/
и пришлите его нам
и в коде выше замените:
<!--<a class="twitter fa fa-twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><span>twitter</span></a>-->
на
<a class="twitter fa fa-twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><span>twitter</span></a>
#12
Отправлено 17 Апрель 2018 - 05:44
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="news"> <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %} <div class="news_list_shop column "> <div class="newHead"> <h4><a href="{NEWS_SHOP_URL}" title="Перейти к странице «Новости»">Новости<span class="toggleImg hide"></span></a></h4> </div> <div class="newCont"> <ul class="postList"> {% FOR news_list_shop %} <!-- Вывод не больше 4 пунктов новостей --> {% IF news_list_articles.index > 4 %} {break} {% ENDIF %} <li><a href="{news_list_shop.URL}" title="Перейти к странице «{news_list_shop.TITLE}»" {% IF news_list_shop.ID = NEWS_ID %} class="selected" {%ENDIF%}>{news_list_shop.TITLE}</a></li> {% ENDFOR %} </ul> </div> </div> {% ENDIF %} <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> <!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %} <div class="news_list_articles column "> <div class="newHead"> <h4><a href="{NEWS_ARTICLES_URL}" title="Перейти к странице «Статьи»">Статьи<span class="toggleImg hide"></span></a></h4> </div> <div class="newCont"> <ul class="postList"> {% FOR news_list_articles %} <!-- Вывод не больше 4 пунктов новостей --> {% IF news_list_articles.index > 4 %} {break} {% ENDIF %} <li><a href="{news_list_articles.URL}" title="Перейти к странице «{news_list_articles.TITLE}»" {% IF news_list_articles.ID = NEWS_ID %} class="selected" {%ENDIF%}>{news_list_articles.TITLE}</a></li> {% ENDFOR %} </ul> </div> </div> {% ENDIF %} <!-- END Если есть список статей магазина и если в тарифном плане подключен модуль новостей --> <!-- Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_mass_media_empty && TARIFF_FEATURE_NEWS %} <div class="news_list_mass_media column "> <div class="newHead"> <h4><a href="{NEWS_MASS_MEDIA_URL}" title="Перейти к странице «Материалы СМИ»">Материалы СМИ<span class="toggleImg hide"></span></a></h4> </div> <div class="newCont"> <ul class="postList"> {% FOR news_list_mass_media %} <!-- Вывод не больше 4 пунктов новостей --> {% IF news_list_mass_media.index > 4 %} {break} {% ENDIF %} <li><a href="{news_list_mass_media.URL}" title="Перейти к странице «{news_list_mass_media.TITLE}»" {% IF news_list_mass_media.ID = NEWS_ID %} class="selected" {%ENDIF%}>{news_list_mass_media.TITLE}</a></li> {% ENDFOR %} </ul> </div> </div> {% ENDIF %} <!-- END Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей --> </div>
замените на:
<div class="news"> <div class="callback"> <div class="block-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} <div><input class="input-text callback_person required" id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50"/></div> <div><input class="input-text callback_phone required" id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50"/></div> <div class="pp">Нажимая на кнопку Отправить, Вы соглашаетесь с <a href="#">правилами обработки данных</a></div> {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="btn btn-success">Отправить</button>{% ENDIF %} </form> </div> </div> <ul class="social-links"> <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="instagram fa fa-instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><span>instagram</span></a></li> </ul> </div>
Дале найдите:
</head>
перед ним вставьте:
<link rel="stylesheet" type="text/css" href="/design/font-awesome.css?design=urban">
Далее найдите:
</div><!-- .left-sidebar --> <div class="container"> <main class="content"> <!-- Если в браузере пользователя отключен JS то сообщаем ему об этом -->
перед ним вставьте код виджета от ВК.
Далее зайдите в main.css - найдите:
.infoSite { display: block; float: right; padding: 1% 1% 1% 2%; margin: 1% 1% 0% 0%; width: 20%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #1abc9c; color: #d1f2eb; line-height: 1.4; } .infoSite .copy { line-height: 1.5; }
перед ним вставьте:
/* Обратный звонок */ .callback{width:30%;float: left;padding: 0 5px;} .callback .block-content {padding-top: 25px;} .callback .callbackForm input {border: 1px solid #8d8d8d;height: 45px;width: 100%;float: left;padding: 0 0 0 10px;margin-bottom:15px;} .callback .callbackForm button {width: 100%;height: 45px;background-repeat: no-repeat;background-color: #8d8d8d;color:#fff;cursor:pointer;font-size: 140%;font-family: 'Open Sans Condensed', sans-serif;font-weight: 300;} .callback .callbackForm button:hover {background-color: #f79242;} .callback .callbackForm .pp {font-size: 90%;margin-bottom: 10px;} /* Кнопки Социальных Сетей в подвале */ .social-links {text-align: center;width:50%;float: left;padding: 0 15px;} .social-links li {display: inline-block;margin-right: 20px;} .social-links a {display: inline-block;background: #c7081b;width: 37px;height: 37px;border-radius: 100%;text-align: center;line-height: 37px;font-size: 15px;color: #fff;opacity: 0.6;} .social-links a:hover {opacity: 1;color: #fff;} .social-links span {display: none;} .social-links a.twitter {background-color: #55acee;} .social-links a.facebook {background-color: #3a5795;} .social-links a.vk {background-color: #6383a8;} .social-links a.odnoklassniki {background-color: #f2720c;} .social-links a.instagram {background-color: #004879;}
В раздел Сайт - Редактор шаблонов загрузите файлы из архива:
files.zip 493,23К 99 Количество загрузок:
#13
Отправлено 17 Апрель 2018 - 16:13
Виджет ВК встал тоже некорректно. Он по размеру какой то обрезанный получился, как его в нормальном размере отобразить?
#14
Отправлено 19 Апрель 2018 - 14:41
Irina Gutnik (17 Апрель 2018 - 16:13) писал:
Виджет ВК встал тоже некорректно. Он по размеру какой то обрезанный получился, как его в нормальном размере отобразить?
Ошибка у Вас возникала из-за отсутствия шаблона Обратного звонка. Вам его добавили.
Что бы добавить заголовок на сайт, найдите в шаблоне hTML код
<div class="callback"> <div class="block-content"> <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">замените на
<div class="callback"> <div class="callback_title">Обратный звонок</div> <div class="block-content"> <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
далее в конец файла main.css код
.callback_title { font-size: 18px; padding: 21px 10px 8px; border-bottom: 1px solid #fff; margin-bottom: -14px; }
Что бы изменить цвет кнопки при наведение, найдите в файле main.css код
.callback .callbackForm button:hover { background-color: #f79242; }
замените на
.callback .callbackForm button:hover { background-color: #1abc9c; }
Что бы переместить текст ниже кнопки, найдите в шаблоне hTML код
<div class="pp">Нажимая на кнопку Отправить, Вы соглашаетесь с <a href="#">правилами обработки данных</a></div> {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="btn btn-success">Отправить</button>{% ENDIF %}замените на
{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="btn btn-success">Отправить</button>{% ENDIF %} <div class="pp">Нажимая на кнопку Отправить, Вы соглашаетесь с правилами обработки данных </div>
#15
Отправлено 20 Апрель 2018 - 00:33
Ирина345 (19 Апрель 2018 - 14:41) писал:
Ошибка у Вас возникала из-за отсутствия шаблона Обратного звонка. Вам его добавили.
Что бы добавить заголовок на сайт, найдите в шаблоне hTML код
<div class="callback"> <div class="block-content"> <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">замените на
<div class="callback"> <div class="callback_title">Обратный звонок</div> <div class="block-content"> <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
далее в конец файла main.css код
.callback_title { font-size: 18px; padding: 21px 10px 8px; border-bottom: 1px solid #fff; margin-bottom: -14px; }
Что бы изменить цвет кнопки при наведение, найдите в файле main.css код
.callback .callbackForm button:hover { background-color: #f79242; }
замените на
.callback .callbackForm button:hover { background-color: #1abc9c; }
Что бы переместить текст ниже кнопки, найдите в шаблоне hTML код
<div class="pp">Нажимая на кнопку Отправить, Вы соглашаетесь с <a href="#">правилами обработки данных</a></div> {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="btn btn-success">Отправить</button>{% ENDIF %}замените на
{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="btn btn-success">Отправить</button>{% ENDIF %} <div class="pp">Нажимая на кнопку Отправить, Вы соглашаетесь с правилами обработки данных </div>
Спасибо, с этим я справилась. Надо доработать форму. На надписи "Нажимая на кнопку Отправить, Вы соглашаетесь с правилами обработки данных" сделать ссылку на страничку с конфиденциальной информацией, если форма пустая и нажимается кнопка отправить, то выдавать окошко с просьбой заполнить данные. Сейчас при нажимании на не заполненную форму, выходит страничка вся корявая. Уж лучше просто сделать окошко всплывающее с ошибкой.
И по поводу виджета ВК подскажете? вы ответили только по поводу формы обратной связи
#16
Отправлено 20 Апрель 2018 - 04:55
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="pp">Нажимая на кнопку Отправить, Вы соглашаетесь с правилами обработки данных </div>
замените на:
<div class="pp"><a href="#">Нажимая на кнопку Отправить, Вы соглашаетесь с правилами обработки данных</a></div>
Вместо символа # укажите ссылку на страницу.
Далее найдите:
<div><input class="input-text callback_person required" id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50"/></div> <div><input class="input-text callback_phone required" id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50"/></div>
замените на:
<div><input class="input-text callback_person required" id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" required placeholder="Представьтесь, пожалуйста" maxlength="50"/></div> <div><input class="input-text callback_phone required" id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" required placeholder="Введите номер телефона" maxlength="50"/></div>
При генерировании кода виджета вы можете указать размеры блока, ширина колонки, в которую вы вставляете виджет 269px.
#17
Отправлено 20 Апрель 2018 - 07:52
Vaccina (20 Апрель 2018 - 04:55) писал:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="pp">Нажимая на кнопку Отправить, Вы соглашаетесь с правилами обработки данных </div>
замените на:
<div class="pp"><a href="#">Нажимая на кнопку Отправить, Вы соглашаетесь с правилами обработки данных</a></div>
Вместо символа # укажите ссылку на страницу.
Далее найдите:
<div><input class="input-text callback_person required" id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50"/></div> <div><input class="input-text callback_phone required" id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50"/></div>
замените на:
<div><input class="input-text callback_person required" id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" required placeholder="Представьтесь, пожалуйста" maxlength="50"/></div> <div><input class="input-text callback_phone required" id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" required placeholder="Введите номер телефона" maxlength="50"/></div>
При генерировании кода виджета вы можете указать размеры блока, ширина колонки, в которую вы вставляете виджет 269px.
спасибо! все получилось!
#18
Отправлено 14 Июль 2018 - 21:51
#19
Отправлено 15 Июль 2018 - 10:10
Татьяна67 (14 Июль 2018 - 21:51) писал:
Здравствуйте.
В шаблоне HTML найдите код:
<a style="display:none;" class="instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><i class="fa fa-instagram"></i><span>instagram</span></a>
Замените на:
<a class="instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><i class="fa fa-instagram"></i><span>instagram</span></a>
И замените https://instagram.com/ на свою ссылку
#20
Отправлено 15 Июль 2018 - 12:57
Firefly (15 Июль 2018 - 10:10) писал:
В шаблоне HTML найдите код:
<a style="display:none;" class="instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><i class="fa fa-instagram"></i><span>instagram</span></a>
Замените на:
<a class="instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><i class="fa fa-instagram"></i><span>instagram</span></a>
И замените https://instagram.com/ на свою ссылку
Огромное спасибо за оперативный ответ! Если не затруднит, будьте добры, подскажите, как сделать всплывающее меню, например, если навести мышкой на "каталог" появлялось дополнительное меню??! Перечитала https://forum.storel...t__20#entry4795 , но никак не получается.... Мой шаблон "РАССВЕТ"
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных