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


Изменить Подвал


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

#21 Firefly

Firefly

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

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

Отправлено 27 Декабрь 2017 - 10:22

Просмотр сообщенияАндрей37 (26 Декабрь 2017 - 22:25) писал:

Большое спасибо! Как сделать так, что бы появились другие кнопки на другие социальные сети. Попробовал по аналогии сделать с фейсбук, но в итоге в окне магазина не появилось иконки и так же нет где добавить изображение к данной кнопке в настройках сайта.
Что нужно вставлять в код дабы можно было в итоге самому делать такие кнопки на социальные сети и добавлять изображения к этим иконкам.
На данный момент интересуют кнопки на сайте к таким социальным сетям как Twitter, Facebook, Instagram, VK.

Вторая просьба по изменениям в футере, прикрепил на первом изображения, под цифрой 1 убрать эти элементы, а под цифрой 2 сделать их привязку к настройкам магазина как на изображении 2 то что в настройках футера

Иконки соцсетей из набора Free social media set с размером 32x32px.
Дополнительные иконки Вам загрузил и добавил.

Код меню в шаблоне HTML:
		  <div class="footer_links">
			<ul class="mainnav">
			  {% FOR menu %}
				{% FOR header %}
				  {% FOR links %}
					<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
				  {% ENDFOR %}
				{% ENDFOR %}
			  {% ENDFOR %}
			</ul>   
		  </div>

Заменил на:
		  <div class="footer_links">
			<ul class="mainnav">
			  {% FOR menu %}
				{% FOR footer %}
				  {% 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 %}
				{% ENDFOR %}
			  {% ENDFOR %}
			</ul>   
		  </div>

И удалил код второго меню

#22 Андрей37

Андрей37

    Пользователь

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

Отправлено 27 Декабрь 2017 - 20:36

Добрый вечер еще просьба помочь с футером, элементы: Меню, Личный кабинет, Контакты, Мы в соцсетях (изображение 1) в мобильном адаптированном формате сделать дабы они выстраивались в вертикальный ряд и шли друг за другом по очереди, как наглядный пример для понимания из шаблона Лазурь (изображение 2)

( Аккаунт SL-429515 )

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

  • пример 1.jpg
  • пример 2.jpg


#23 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 29 Декабрь 2017 - 15:00

Просмотр сообщенияАндрей37 (27 Декабрь 2017 - 20:36) писал:

Добрый вечер еще просьба помочь с футером, элементы: Меню, Личный кабинет, Контакты, Мы в соцсетях (изображение 1) в мобильном адаптированном формате сделать дабы они выстраивались в вертикальный ряд и шли друг за другом по очереди, как наглядный пример для понимания из шаблона Лазурь (изображение 2)

( Аккаунт SL-429515 )
Здравствуйте, найдите в файле main.css код
#footer .one_fourth {
	display: none;
}

замените на
#footer .one_fourth {
   
}


#24 Андрей37

Андрей37

    Пользователь

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

Отправлено 06 Январь 2018 - 00:27

Просмотр сообщенияИрина345 (29 Декабрь 2017 - 15:00) писал:

Здравствуйте, найдите в файле main.css код
#footer .one_fourth {
display: none;
}

замените на
#footer .one_fourth {

}

Большое Вам спасибо, помогло!

1. Подскажите пожалуйста как еще в футере в разделе Контакты добавить строку в которую можно имэил добавлять (изображение 1) и дабы перед надписью имэила еще отображалась иконка письма, как аналогия где номер телефона там же иконка телефона.

2. Как можно добавить новые разделы и сделать их в таком порядке
Меню столбец, Информация столбец, Личный кабинет столбец, Контакты столбец, Мы в соц сетях
Дабы в итоге было 5 столбцов подразделов (изображение 2)
И в таком случае еще возникает вопрос, как можно будет наполнять категориями разными в столбце первом под названием Меню и во втором следующем столбце под названием Информация.
То что у меня в столбце Меню я хочу добавить в новый созданный столбец рядом Информация, раз их будет два то как их каждый можно будет наполнять?

Буду очень признателен за помощь
Аккаунт ( Аккаунт SL-429515 )

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

  • фут1.jpg
  • фут2.jpg


#25 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 10 Январь 2018 - 06:18

Здравствуйте.

1. Зайдите в раздел Сайт - Редактор шаблонов - HMTL - найдите:
<div class="footer_links">
			{% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
			{% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}	   
		  </div>
    
замените на:
<div class="footer_links">
			{% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_EMAIL_MAIN %}<span class="footer_email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span>{% ENDIF %}
			{% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
			{% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}	   
		  </div>
          
          
далее зайдите в main.css - найдите:
.footer_time,  .footer_phone, .footer_icq, .footer_skype {display:block;clear:both;padding:15px 0 14px 45px;margin:0;border-bottom:1px solid #e1e1e1;font-size:12px;}

замените на:
.footer_email, .footer_time, .footer_phone, .footer_icq, .footer_skype {display:block;clear:both;padding:15px 0 14px 45px;margin:0;border-bottom:1px solid #e1e1e1;font-size:12px;}
.footer_email {background:url('{ASSETS_IMAGES_PATH}icon.png') 0 50% no-repeat;}

В раздел Сайт - Редактор шаблонов загрузите иконку письма размером 24х24 px и в последнем изменении вместо icon.png укажите имя файла вашей иконки.

2. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="one_fourth column">
		  <h4>Меню</h4>
		  <div class="footer_links">
			<ul class="mainnav">
			  {% FOR menu %}
				{% FOR footer %}
				  {% 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 %}
				{% ENDFOR %}
			  {% ENDFOR %}
			</ul>	
		  </div>
		</div>
        
после него пропишите:
<div class="one_fourth column">
		  <h4>Информация</h4>
		  <div class="information_links">
			<ul class="mainnav">
			  {% FOR menu %}
				{% FOR information %}
				  {% FOR links %}
					<li><a href="{menu.information.links.URL}" {% IF menu.information.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.information.links.TITLE %}title="{menu.information.links.TITLE}"{% ENDIF %}>{menu.information.links.NAME}</a></li>
				  {% ENDFOR %}
				{% ENDFOR %}
			  {% ENDFOR %}
			</ul>	
		  </div>
		</div>
        
Далее зайдите в main.css - найдите:
.one_fourth {float: left;margin-right: 4%;position: relative;width: 22%;*width: 21%;}

после него пропишите:
#footer .one_fourth {width: 16%;*width: 15%;}

Далее зайдите в раздел Сайт - Меню - создайте новый блок меню "Информация" с переменной information и добавьте в него необходимые пункты меню.




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

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