Перейти к содержимому


Несколько Вопросов


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 10

#1 Natashka prosto prazdnik

Natashka prosto prazdnik

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 21 Январь 2016 - 20:12

1. Как переместить кнопку "мне нравится" на место надписи "увеличить изображение"  под фото в карточке товара?
2. Как разместить  кнопки типа "мы в соцсетях" в шапке сайта?
3. Страница http://lakomania-irk...ge/Nashi-druzya должна выглядеть пр принципу страницы http://lakomania-irk...e/Master-klassy (плитка) или как выглядит сейчас (список), но тогда названия должны быть текстом справа на уровне фото (в идеале без рамки)

#2 Natashka prosto prazdnik

Natashka prosto prazdnik

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 21 Январь 2016 - 20:46

Только я не вижу текст сообщения?

#3 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 21 Январь 2016 - 20:49

Просмотр сообщенияNatashka prosto prazdnik (21 Январь 2016 - 20:46) писал:

Только я не вижу текст сообщения?

Здравствуйте.
Нет, к сожалению ваше первое сообщение для всех видно как пустое.

#4 Natashka prosto prazdnik

Natashka prosto prazdnik

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 21 Январь 2016 - 20:56

Просмотр сообщенияRayLi (21 Январь 2016 - 20:49) писал:

Здравствуйте.
Нет, к сожалению ваше первое сообщение для всех видно как пустое.

Спасибо! Исправляю.

#5 Natashka prosto prazdnik

Natashka prosto prazdnik

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 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 (плитка) или как выглядит сейчас (список), но тогда названия должны быть текстом справа на уровне фото (в идеале без рамки)

Повторю вопросы и добавлю еще один:
4. Как изменить слово "Модификация" в карточке товара на другое слово? Понимаю, что могу сделать через блок описания товара, но очень не хочется вручную все товары переделывать. Как-нибудь бы в коде заменить одно на другое....

#6 RedHead

RedHead

    Активный участник

  • Модераторы
  • 1 052 сообщений

Отправлено 22 Январь 2016 - 11:56

Просмотр сообщенияNatashka prosto prazdnik (22 Январь 2016 - 09:06) писал:

Повторю вопросы и добавлю еще один:
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>&nbsp;</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="">&quot;Пятая лакоманьячная&quot; от Натальи Шарифулиной</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 Natashka prosto prazdnik

Natashka prosto prazdnik

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 22 Январь 2016 - 14:08

Просмотр сообщенияRedHead (22 Январь 2016 - 11:56) писал:

Здравствуйте! 1) В шаблоне ТОВАР переместите блок кода...

Спасибо! Все работает. Один нюанс - иконки соцсетей блеклые и совершенно незаметны. Как изменить их внешний вид, сделать 100% непрозрачность и переместить в интервал между Лого и Телефоном?

#8 RedHead

RedHead

    Активный участник

  • Модераторы
  • 1 052 сообщений

Отправлено 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;}


#9 Natashka prosto prazdnik

Natashka prosto prazdnik

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 22 Январь 2016 - 16:21

Просмотр сообщенияRedHead (22 Январь 2016 - 15:28) писал:

В шаблоне main.css замените строки:...

Почти идеально! Спасибо! Иконку Инстаграм реально изменить на вложенную?

Прикрепленные изображения

  • Инста_иконка_мал.jpg


#10 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 22 Январь 2016 - 16:54

Просмотр сообщенияNatashka prosto prazdnik (22 Январь 2016 - 16:21) писал:

Почти идеально! Спасибо! Иконку Инстаграм реально изменить на вложенную?

Здравствуйте.
Создали Вам бэкап и внесли изменения.
Проверьте, пожалуйста.

#11 Natashka prosto prazdnik

Natashka prosto prazdnik

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 22 Январь 2016 - 17:05

Просмотр сообщенияFirefly (22 Январь 2016 - 16:54) писал:

Здравствуйте.
Создали Вам бэкап ...

Да Вы волшебники!) Спасибо!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных