1
Несколько Вопросов
Автор Natashka prosto prazdnik, 21 янв. 2016 20:12
Сообщений в теме: 10
#1
Отправлено 21 Январь 2016 - 20:12
1. Как переместить кнопку "мне нравится" на место надписи "увеличить изображение" под фото в карточке товара?
2. Как разместить кнопки типа "мы в соцсетях" в шапке сайта?
3. Страница http://lakomania-irk...ge/Nashi-druzya должна выглядеть пр принципу страницы http://lakomania-irk...e/Master-klassy (плитка) или как выглядит сейчас (список), но тогда названия должны быть текстом справа на уровне фото (в идеале без рамки)
2. Как разместить кнопки типа "мы в соцсетях" в шапке сайта?
3. Страница http://lakomania-irk...ge/Nashi-druzya должна выглядеть пр принципу страницы http://lakomania-irk...e/Master-klassy (плитка) или как выглядит сейчас (список), но тогда названия должны быть текстом справа на уровне фото (в идеале без рамки)
#2
Отправлено 21 Январь 2016 - 20:46
Только я не вижу текст сообщения?
#5
Отправлено 22 Январь 2016 - 09:06
Natashka prosto prazdnik (21 Январь 2016 - 20:12) писал:
1. Как переместить кнопку "мне нравится" на место надписи "увеличить изображение" под фото в карточке товара?
2. Как разместить кнопки типа "мы в соцсетях" в шапке сайта?
3. Страница http://lakomania-irk...ge/Nashi-druzya должна выглядеть пр принципу страницы http://lakomania-irk...e/Master-klassy (плитка) или как выглядит сейчас (список), но тогда названия должны быть текстом справа на уровне фото (в идеале без рамки)
2. Как разместить кнопки типа "мы в соцсетях" в шапке сайта?
3. Страница http://lakomania-irk...ge/Nashi-druzya должна выглядеть пр принципу страницы http://lakomania-irk...e/Master-klassy (плитка) или как выглядит сейчас (список), но тогда названия должны быть текстом справа на уровне фото (в идеале без рамки)
Повторю вопросы и добавлю еще один:
4. Как изменить слово "Модификация" в карточке товара на другое слово? Понимаю, что могу сделать через блок описания товара, но очень не хочется вручную все товары переделывать. Как-нибудь бы в коде заменить одно на другое....
#6
Отправлено 22 Январь 2016 - 11:56
Natashka prosto prazdnik (22 Январь 2016 - 09:06) писал:
Повторю вопросы и добавлю еще один:
4. Как изменить слово "Модификация" в карточке товара на другое слово? Понимаю, что могу сделать через блок описания товара, но очень не хочется вручную все товары переделывать. Как-нибудь бы в коде заменить одно на другое....
4. Как изменить слово "Модификация" в карточке товара на другое слово? Понимаю, что могу сделать через блок описания товара, но очень не хочется вручную все товары переделывать. Как-нибудь бы в коде заменить одно на другое....
Здравствуйте!
1) В шаблоне ТОВАР переместите блок кода:
<script type="text/javascript" src="//vk.com/js/api/openapi.js?121"></script> <script type="text/javascript"> VK.init({apiId: 5236660, onlyWidgets: true}); </script> <div id="vk_like"></div> <script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "button"}); </script>вставив его перед строкой:
<!-- Ссылка на увеличение среднего изображения товара до большого. Появляется если у товара указано изображение -->
2) В шаблон html после строки:
<div class="pad-box cont620" id="logo"><a href="http://{NET_DOMAIN}/"><span>На главную</span></a></div>вставьте:
<div class="social-header"> <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>
Замените ссылки на Ваши соцсети.
далее после строки:
<link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui/jquery.ui.all.min.css" type="text/css" />вставьте:
<link rel="stylesheet" href="/design/font-awesome.css" type="text/css" />
затем в конец шаблона main.css вставьте:
/* Кнопки Социальных Сетей */ .social-links {text-align: center;margin-bottom: 3px;margin-top: 3px;} .social-links li {display: inline-block;margin-right: 7px;} .social-links a {display: inline-block;background: #c7081b;width: 28px;height: 28px;border-radius: 100%;text-align: center;line-height: 28px;font-size: 15px;color: #fff;opacity: 0.6; text-decoration: none;} .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;} .social-header {float: right;} form#searchform {margin-left: 200px;}
Теперь самое главное: необходимо подключить нужные файлы:
Разархивируйте файл, Загрузите прикрепленные в письме файлы на сайт, в Разделе САЙТ --> РЕДАКТОР ШАБЛОНОВ --> ЗЕЛЕНАЯ КНОПКА "ДОБАВИТЬ ФАЙЛЫ". После этого, обновите страницу.
3) В разделе САЙТ --> СТРАНИЦЫ. Откройте страницу "Наши друзья". Нажмите кнопку "ИСТОЧНИК" и замените весь код на:
<div class="categorieses"><a href="http://lakomania-irk.ru/page/OPI-Green-on-the-Runway-VS-El-Corazon-Mojito-i-koe-chto-eshhe-Bolshaaaaya-sravnyalka" style="line-height: 18.2000007629395px;"><img alt="" src="http://st.magazinfortest.ru/9/1807/140/sIMG_6502.jpg" /> </a> <h2> </h2> <a a="" href="http://lakomania-irk.ru/page/OPI-Green-on-the-Runway-VS-El-Corazon-Mojito-i-koe-chto-eshhe-Bolshaaaaya-sravnyalka" title="OPI Green on the Runway VS El Corazon Mojito и кое-что еще."> </a></div> <div class="categorieses"><a href="http://lakomania-irk.ru/page/quot-Pyataya-lakomanyachnaya-quot-ot-Startaks" style="line-height: 18.2000007629395px;"><img alt="" src="http://st.magazinfortest.ru/9/1807/141/5-ya_lakoman_yachnaya_oblozhka.jpg" /> </a> <h2><a href="http://lakomania-irk.ru/page/quot-Pyataya-lakomanyachnaya-quot-ot-Startaks" title="">"Пятая лакоманьячная" от Натальи Шарифулиной</a></h2> </div>
теперь блоки будут располагаться табличным типом.
4) В шаблоне ТОВАР замените блок кода:
<!-- Если это первый элемент в списке --> {% IF goods_modifications_properties.values.first %} <strong>{goods_modifications_properties.NAME}:</strong><br /> <select name="form[properties][]"> {% ENDIF %}на:
<!-- Если это первый элемент в списке --> {% IF goods_modifications_properties.values.first %} <strong> {% IFNOT goods_modifications_properties.NAME=Модификация %}{goods_modifications_properties.NAME}:{% ENDIF %}{% IF goods_modifications_properties.NAME=Модификация %}Свое название:{% ENDIF %} </strong><br /> <select name="form[properties][]"> {% ENDIF %}
файлы для подключения.zip 499,71К 70 Количество загрузок:
#7
Отправлено 22 Январь 2016 - 14:08
RedHead (22 Январь 2016 - 11:56) писал:
Здравствуйте! 1) В шаблоне ТОВАР переместите блок кода...
Спасибо! Все работает. Один нюанс - иконки соцсетей блеклые и совершенно незаметны. Как изменить их внешний вид, сделать 100% непрозрачность и переместить в интервал между Лого и Телефоном?
#8
Отправлено 22 Январь 2016 - 15:28
Natashka prosto prazdnik (22 Январь 2016 - 14:08) писал:
Спасибо! Все работает. Один нюанс - иконки соцсетей блеклые и совершенно незаметны. Как изменить их внешний вид, сделать 100% непрозрачность и переместить в интервал между Лого и Телефоном?
В шаблоне main.css замените строки:
.social-links a {display: inline-block;background: #c7081b;width: 28px;height: 28px;border-radius: 100%;text-align: center;line-height: 28px;font-size: 15px;color: #fff;opacity: 0.6; text-decoration: none;} .social-links a:hover {opacity: 1;color: #fff;}на:
.social-links a {display: inline-block;background: #c7081b;width: 28px;height: 28px;border-radius: 100%;text-align: center;line-height: 28px;font-size: 15px;color: #fff; text-decoration: none;} .social-links a:hover {opacity: 0.8;color: #fff;}
Далее строки:
.social-header {float: right;} form#searchform {margin-left: 200px;}замените на:
.social-header {float: left;margin-top: 95px;margin-left: 345px;} form#searchform {margin-left: 10px;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных