0  /  13

Astra - Landing Page

Как изменить логотип сайта

2015.03.10-16.06.50.jpg

Убедитесь, что включен режим правки:

2015.02.24-14.38.49.jpg

Наведите курсор мыши на логотип. Появился дополнительный пункт меню Редактировать область как html

2015.03.10-16.07.49.jpg

Выберем этот пункт меню. Открылось окно редактирования включаемой области.

2015.03.10-16.09.08.jpg

Посмотрим на строку.

<img src="include/logo.png" style="margin-top:30px;" class="logo-image">

это путь к логотипу. 

Перейдем в Административный раздел.  Для этого нажмем на вкладку 2015.02.25-12.54.46.jpgв верхней части страницы.

В Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Файлы и папки, include.

Файл logo.png это и есть логотип нашего сайта. 

Теперь нажмите кнопку 2015.03.10-15.36.30.jpg

2015.03.10-15.37.04.jpg

Кликните по кнопке Добавить файл и укажите путь к картинке. 

Примечание 
Рекомендуемый размер логотипа 217х72 px.


Вернемся в Публичный раздел сайта, откроем окно редактирования области c логотипом. 

В строке кода   2015.03.11-15.10.30.jpg   вместо названия логотипа logo.png вставьте название добавленной картинки.

Как редактировать слайдер

2015.03.10-12.14.05.jpg
Обучение  
Редактировать/Добавлять слайды можно как Публичном разделе сайта так и в Административном. 

Рассмотрим вначале редактирование слайдера из Публичного раздела сайта.

Убедитесь, что включен режим правки:

2015.02.24-14.38.49.jpg

После этого при наведении курсора мыши на слайдер последний будет обрамляться темно-серой рамкой, и всплывут дополнительные пункты меню Добавить слайд, Изменить слайд и Удалить слайд, Редактировать область как html. 

2015.03.10-12.15.45.jpg

Выберем пункт Изменить слайд. Откроется окно редактирования слайда.

2015.03.10-12.18.44.jpg

Метка Активность показывает, отображается ли элемент на сайте. Если снять отметку, то отображаться он не будет. Также можно указать даты Начало активности и Окончание активности в соответствующих полях. Измените текст в поле ввода Название. В поле Сортировка вводится число, которое устанавливает порядок показа слайдов. Также в окне редактирования мы видим поле ввода Ссылка , куда можно вставить ссылку на страницу с более подробной информацией по слайду, если оставить его пустым, кнопка Подробнее на слайде исчезнет.

2015.03.10-12.43.59.jpg

Теперь перейдите на вкладку Подробно.

2015.03.10-12.21.40.jpg

В разделе Детальная картинка можно изменить изображение, соответствующее редактируемому слайду. Для этого нужно нажать на кнопку 2015.02.26-13.02.25.jpg и выбрать действие Заменить файлом с компьютера или Заменить файлом из медиабиблиотеки

Примечание 
Рекомендуемый размер картинки слайда 690х660px

 Далее в поле Детальное описание отредактируем текст слайда. 

Нажмем Сохранить


Рассмотрим редактирование слайдера из Административного раздела сайта.
Для перехода в Административный раздел нажмем на вкладку 2015.02.25-12.54.46.jpgв верхней части страницы.

Обучение   
Интерфейс административного раздела системы Bitrix Framework логически разграничен на области, обеспечивающие доступ к функциональным возможностям системы.  

Интерфейс системы построен по иерархическому принципу: вышестоящие области интерфейса переключают зависимые области в тот или иной режим работы. Это позволяет скрыть функциональные возможности системы, в которых нет потребности в данный момент, и вынести на первый план требуемые функции. Такая организация интерфейса обеспечивает его наглядность и неперегруженность.  

Интерфейс содержит следующие области:  

1. Административная панель;  

2. Административное меню;  

3. Меню функций;  

4. Рабочая область. 2015.02.25-12.59.01.jpg

В Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Astra - landing page, Слайдер заголовка, Слайды.

2015.03.10-12.27.50.jpg

Мы видим список имеющихся слайдов. Для того чтобы отредактировать один из них кликнем по нему двойным нажатием левой кнопкой мыши или нажмем на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием слайда, и в выпавшем меню выберем пункт Изменить.

2015.03.10-12.36.02.jpg

Открылось окно редактирования Слайда, оно выглядит точно также как и в Публичном разделе. Все действия по редактированию Названия слайда, Детальной картинки и Детального описания повторяют действия, которые мы совершали при редактировании слайда из Публичного раздела.

2015.03.10-12.37.40.jpg



Как отредактировать раздел "Используйте правильное решение!"

2015.03.10-12.49.38.jpg
Убедитесь, что включен режим правки:

2015.02.24-14.38.49.jpg

Наведите курсор мыши на редактируемую область. Появились дополнительные пункты меню.

2015.03.10-15.20.18.jpg

Выберем пункт Редактировать область как html (крайний правый пункт). Открылось окно редактирования.

2015.03.10-15.23.26.jpg

Будем работать в нижней части окна редактирования - в режиме исходного кода.

2015.03.10-15.26.09.jpg

Выделите заголовок "Используйте правильное решение!" и вместо него напишите необходимый вам заголовок. Аналогично отредактируйте остальные надписи.

Обратим внимание на строку

2015.03.10-15.29.10.jpg

Это путь к изображению 2015.03.10-15.30.09.jpg, расположенному в нашей редактируемой области. 

Перейдем в Административный раздел.  Для этого нажмем на вкладку 2015.02.25-12.54.46.jpgв верхней части страницы.

В Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Файлы и папки, include, Features_icons.

2015.03.10-15.34.54.jpg

Нажмите кнопку 2015.03.10-15.36.30.jpg

2015.03.10-15.37.04.jpg

Кликните по кнопке Добавить файл и укажите путь к картинке. 

Примечание
Рекомендуемый размер картинки 72х70 px.


Вернемся в Публичный раздел сайта, откроем окно редактирования области. 

2015.03.10-15.43.59.jpg

Вместо названия картинки feature1.png вставьте название добавленной картинки.

Как редактировать раздел с преимуществами (вкладки)

2015.03.10-12.50.03.jpg

Обучение   
Редактировать/Добавлять вкладки можно как в  Публичном разделе сайта так и в Административном. 

Рассмотрим вначале редактирование вкладки из Публичного раздела сайта.

Убедитесь, что включен режим правки:

2015.02.24-14.38.49.jpg

После этого при наведении курсора мыши на вкладку последняя будет обрамляться темно-серой рамкой, и всплывут дополнительные пункты меню Изменить вкладку и Удалить вкладку. 

2015.03.10-13.50.43.jpg

Выберем пункт Изменить вкладку. Откроется окно редактирования.

2015.03.10-13.52.23.jpg

Метка Активность показывает, отображается ли элемент на сайте. Если снять отметку, то отображаться он не будет. Также можно указать даты Начало активности и Окончание активности в соответствующих полях. Измените текст в поле ввода Название. В поле Сортировка вводится число, которое устанавливает порядок показа слайдов. 

Теперь перейдите на вкладку Подробно.

2015.03.10-13.54.23.jpg

В разделе Детальная картинка можно изменить изображение, соответствующее редактируемой вкладке. Для этого нужно нажать на кнопку 2015.02.26-13.02.25.jpg и выбрать действие Заменить файлом с компьютера или Заменить файлом из медиабиблиотеки

Примечание  
Рекомендуемый размер картинки слайда 495х475px

 Далее в поле Детальное описание отредактируйте текст вкладки. 

Теперь отредактируем иконки. Каждому пункту в тексте соответствует иконка 2015.03.10-14.05.05.jpg.

В левом верхнем углу окна есть значек 2015.02.24-15.04.06.jpg, при нажатии на него выпадает список визуальных режимов. Выберем совмещенный режим (по горизонтали) 2015.02.24-15.06.02.jpg.  
Теперь будем работать в нижней части окна редактирования - в режиме исходного кода. Чтобы изменить иконку нужно выделить ее имя

2015.03.10-14.14.43.jpg

и вместо текущего имени подставить имя необходимой вам иконки. 

icons_adaptive.png

Например, напишем "icon-bell". 

2015.03.10-14.16.08.jpg

Нажмем Сохранить

2015.03.10-14.21.48.jpg


Рассмотрим редактирование вкладки из Административного раздела сайта.
Для перехода в Административный раздел нажмем на вкладку 2015.02.25-12.54.46.jpgв верхней части страницы.


В Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Astra - landing page, Табы, Вкладки.

2015.03.10-13.58.15.jpg

Мы видим список имеющихся вкладок. Для того чтобы отредактировать одну из них кликнем по ней двойным нажатием левой кнопкой мыши или нажмем на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием вкладки, и в выпавшем меню выберем пункт Изменить.

2015.03.10-14.00.10.jpg

Открылось окно редактирования Слайда, оно выглядит точно также как и в Публичном разделе. Все действия по редактированию Названия вкладки, Детальной картинки и Детального описания повторяют действия, которые мы совершали при редактировании вкладки из Публичного раздела.

2015.03.10-14.01.02.jpg


Как редактировать раздел "Галерея"

2015.03.10-12.50.21.jpg

Обучение   
Редактировать/Добавлять вкладки можно как в  Публичном разделе сайта так и в Административном. 

Рассмотрим вначале редактирование элементов галереи из Публичного раздела сайта.

Убедитесь, что включен режим правки:

2015.02.24-14.38.49.jpg

После этого при наведении курсора мыши на область с изображением последняя будет обрамляться темно-серой рамкой, и всплывут дополнительные пункты меню Изменить изображение и Удалить изображение. 

2015.03.10-14.25.03.jpg

Выберем пункт Изменить изображение.

2015.03.10-14.28.37.jpg

Метка Активность показывает, отображается ли элемент на сайте. Если снять отметку, то отображаться он не будет. Также можно указать даты Начало активности и Окончание активности в соответствующих полях. . В поле Сортировка вводится число, которое устанавливает порядок показа элементов. 

Теперь перейдите на вкладку Анонс.

2015.03.10-14.30.49.jpg

В поле картинка для анонса можно изменить изображение. Для этого нужно нажать на кнопку 2015.02.26-13.02.25.jpg и выбрать действие Заменить файлом с компьютера или Заменить файлом из медиабиблиотеки.

Примечание   
Рекомендуемый размер картинки для анонса 263х263px

В поле Описание для анонса изменить текст. Далее перейдем на вкладку Подробно.

2015.03.10-14.33.08.jpg

В разделе Детальная картинка можно изменить изображение, соответствующее редактируемому элементу. Для этого нужно нажать на кнопку 2015.02.26-13.02.25.jpg и выбрать действие Заменить файлом с компьютера или Заменить файлом из медиабиблиотеки

Примечание   
Рекомендуемый размер картинки  640х480px

 Далее в поле Детальное описание отредактируйте текст вкладки. 

Нажмите кнопку Сохранить



Рассмотрим редактирование элемента галереи из Административного раздела сайта.
Для перехода в Административный раздел нажмем на вкладку 2015.02.25-12.54.46.jpgв верхней части страницы.


В Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Astra - landing page, Галерея, Изображения.

2015.03.10-14.38.22.jpg

Мы видим список имеющихся элементов. Для того чтобы отредактировать один из них кликнем по нему двойным нажатием левой кнопкой мыши или нажмем на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием вкладки, и в выпавшем меню выберем пункт Изменить.

2015.03.10-14.39.43.jpg

Открылось окно редактирования элемента, оно выглядит точно также как и в Публичном разделе. Все действия по редактированию Картинки для анонса, Описания для анонса, Детальной картинки и Детального описания повторяют действия, которые мы совершали при редактировании элемента из Публичного раздела.

2015.03.10-14.01.02.jpg

Как редактировать раздел "Лучшее предложение на рынке!"

2015.03.10-12.50.41.jpg

Убедитесь, что включен режим правки:

2015.02.24-14.38.49.jpg

Наведите курсор мыши на редактируемую область. Появился дополнительный пункт меню Редактировать область как html. Кликнем по нему.

2015.03.10-15.46.37.jpg

Открылось окно редактирования включаемой области.

2015.03.10-15.48.56.jpg

Будем работать в нижней части окна редактирования - в режиме исходного кода.
Выделим заголовок "Лучшее предложение на рынке!", удалим его, вместо него напишем другой заголовок.
2015.03.10-15.54.31.jpg

Аналогично поступим с остальными надписями.

Нажмем Сохранить.

Теперь в меню управления сайтом выберем пункт Компоненты 2015.03.10-11.36.44.jpg.

2015.03.10-15.57.49.jpg

В выпавшем меню выберем пункт Форма обратной связи (как на картинке ниже).

2015.03.10-16.01.05.jpg

Открылось окно параметров компонента.

2015.03.10-16.01.48.jpg



Вы можете отредактировать сообщение, выводимое пользователю после отправки в соответствующем поле. Также измените e-mail, на который будет отправлено письмо и выберете обязательные поля для заполнения.

Нажмите Сохранить.




Как редактировать раздел "Общайтесь с клиентами!"

2015.03.10-12.50.53.jpg
Убедитесь, что включен режим правки:

2015.02.24-14.38.49.jpg

Изменим заголовок раздела. Для этого наведем курсор мыши на редактируемую область. Всплыли дополнительные пункты меню. Выберем Редактировать область как html

2015.03.11-13.31.16.jpg

Открылось окно редактирования. 

2015.03.11-13.33.30.jpg

Будем работать в нижней части окна редактирования - в режиме исходного кода.
Выделим заголовок "Общайтесь с клиентами!", удалим его, вместо него напишем другой заголовок.

2015.03.11-13.36.20.jpg

Аналогично поступим с остальными надписями.

Далее обратим внимание на строку

2015.03.11-13.36.51.jpg


Это путь к картинке, размещенной в нашем разделе. 

Далее рассмотрим редактирование вопросов.
Перейдем в Административный раздел.  Для этого нажмем на вкладку 2015.02.25-12.54.46.jpgв верхней части страницы.

В Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Файлы и папки, include, faq_icons.

Файл faq-icon.png это и есть наша картинка. 

Теперь нажмите кнопку 2015.03.10-15.36.30.jpg

2015.03.10-15.37.04.jpg

Кликните по кнопке Добавить файл и укажите путь к картинке. 

Примечание    
Рекомендуемый размер фотографии 195х195 px.
Далее будем редактировать область с вопросами.
Примечание     
Редактировать раздел с вопросами можно как в  Публичном разделе сайта так и в Административном. 

Рассмотрим вначале редактирование раздела с вопросами из Публичного раздела сайта.

После этого при наведении курсора мыши на область с вопросами последняя будет обрамляться темно-серой рамкой, и всплывут дополнительные пункты меню Изменить вопрос и Удалить вопрос

2015.03.10-14.43.00.jpg

Выберем пункт Изменить вопрос.

2015.03.10-14.45.45.jpg

Метка Активность показывает, отображается ли вопрос на сайте. Если снять отметку, то отображаться он не будет. Также можно указать даты Начало активности и Окончание активности в соответствующих полях. . В поле Название введите ваш вопрос.  В поле Сортировка вводится число, которое устанавливает порядок показа вопросов. 

 Далее перейдем на вкладку Подробно.

2015.03.10-14.47.14.jpg


В поле Детальное описание введите ответ на ваш вопрос. 

Нажмите кнопку Сохранить



Рассмотрим редактирование раздела с вопросами из Административного раздела сайта.
Для перехода в Административный раздел нажмем на вкладку 2015.02.25-12.54.46.jpgв верхней части страницы.


В Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Astra - landing page, Ответы на вопросы, Вопросы.

2015.03.10-14.49.27.jpg

Мы видим список имеющихся вопросов. Для того чтобы отредактировать один из них кликнем по нему двойным нажатием левой кнопкой мыши или нажмем на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием вкладки, и в выпавшем меню выберем пункт Изменить.

2015.03.10-14.50.19.jpg

Открылось окно редактирования вопроса, оно выглядит точно также как и в Публичном разделе. Все действия по редактированию повторяют действия, которые мы совершали при редактировании вопроса из Публичного раздела.

2015.03.10-14.51.21.jpg

Как редактировать раздел "Делитесь отзывами"

2015.03.10-12.51.02.jpg

Обучение 
Редактировать/Добавлять слайды в разделе с отзывами можно как в Публичном разделе сайта так и в Административном. 

Рассмотрим вначале редактирование слайдера с отзывами из Публичного раздела сайта.

Убедитесь, что включен режим правки:

2015.02.24-14.38.49.jpg

После этого при наведении курсора мыши на слайдер последний будет обрамляться темно-серой рамкой, и всплывут дополнительные пункты меню Добавить слайд, Изменить слайд и Удалить слайд, Редактировать область как html. 

2015.03.11-11.44.52.jpg

Выберем пункт Изменить слайд. Откроется окно редактирования слайда.

2015.03.11-11.47.36.jpg

Метка Активность показывает, отображается ли элемент на сайте. Если снять отметку, то отображаться он не будет. Также можно указать даты Начало активности и Окончание активности в соответствующих полях. Измените текст в поле ввода Название. В поле Сортировка вводится число, которое устанавливает порядок показа слайдов. 

Теперь перейдите на вкладку Подробно.

2015.03.11-11.47.46.jpg

В разделе Детальная картинка можно изменить изображение, соответствующее редактируемому отзыву. Для этого нужно нажать на кнопку 2015.02.26-13.02.25.jpg и выбрать действие Заменить файлом с компьютера или Заменить файлом из медиабиблиотеки

Примечание  
Рекомендуемый размер картинки слайда 192х192px

 Далее в поле Детальное описание отредактируем текст слайда. 

Нажмем Сохранить


Рассмотрим редактирование слайдера с отзывами из Административного раздела сайта.
Для перехода в Административный раздел нажмем на вкладку 2015.02.25-12.54.46.jpgв верхней части страницы.

В Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Astra - landing page, Слайдер отзывов, Слайды.

2015.03.11-11.52.19.jpg

Мы видим список имеющихся слайдов с отзывами. Для того чтобы отредактировать один из них кликнем по нему двойным нажатием левой кнопкой мыши или нажмем на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием слайда, и в выпавшем меню выберем пункт Изменить.

2015.03.11-11.53.14.jpg

Открылось окно редактирования Слайда, оно выглядит точно также как и в Публичном разделе. Все действия по редактированию Названия слайда, Детальной картинки и Детального описания повторяют действия, которые мы совершали при редактировании слайда из Публичного раздела.

2015.03.11-11.54.34.jpg


Как редактировать раздел "Очень важная информация"

2015.03.10-12.51.12.jpg

Убедитесь, что включен режим правки:

2015.02.24-14.38.49.jpg

Наведите курсор мыши на редактируемую область. Появился дополнительный пункт меню Редактировать область как html. Кликнем по нему.

2015.03.11-11.57.39.jpg

Открылось окно редактирования включаемой области.

2015.03.11-11.59.37.jpg

Будем работать в нижней части окна редактирования - в режиме исходного кода.
Выделим заголовок "Очень важная информация", удалим его, вместо него напишем другой заголовок.

2015.03.11-12.02.35.jpg

Аналогично поступим с остальными надписями.

Далее обратим внимание на строку

2015.03.11-12.03.14.jpg

Это путь к иконке, размещенной в нашем разделе. 

Перейдем в Административный раздел.  Для этого нажмем на вкладку 2015.02.25-12.54.46.jpgв верхней части страницы.

В Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Файлы и папки, include, mobile_icons.

Файл apps-icon.png это и есть наша картинка. 

Теперь нажмите кнопку 2015.03.10-15.36.30.jpg

2015.03.10-15.37.04.jpg

Кликните по кнопке Добавить файл и укажите путь к иконке. 

Примечание  
Рекомендуемый размер иконки 60х63 px.


Вернемся в Публичный раздел сайта, откроем окно редактирования области. 

В строке кода   2015.03.11-12.12.22.jpg   вместо названия  apps-icon.png вставьте название добавленной иконки.

Далее отредактируйте текст раздела "Очень важная информация".

2015.03.11-12.03.56.jpg

Затем найдите строку

2015.03.11-12.04.48.jpg

Это путь к изображению в редактируемом разделе. Действия по замене картинки полностью повторяют действия, описанные выше, по замене иконки.

Теперь отредактируем ссылку Купить решение. Работать будем в верхней части окна редактирования - в режиме визуального редактора. Кликнем по ссылке правой кнопкой и в выпавшем меню выберем пункт Редактировать ссылку

2015.03.11-12.26.51.jpg

Открылось окно редактирования ссылки.

2015.03.11-12.28.20.jpg

В поле Вид ссылки выберем, например, "на другой сайт", в поле Текст  "Выбрать это решение", а в поле Адрес вставим ссылку на решение и нажмем Сохранить.

2015.03.06-12.30.25.jpg

В окне редактирования области также нажмем Сохранить.



Как редактировать раздел "Ваша команда"

2015.03.10-12.51.24.jpg

Убедитесь, что включен режим правки:

2015.02.24-14.38.49.jpg

Наведите курсор мыши на редактируемую область. Появился дополнительный пункт меню Редактировать область как html. Кликнем по нему.

2015.03.11-12.29.51.jpg

Открылось окно редактирования включаемой области.

2015.03.11-12.30.33.jpg

Будем работать в нижней части окна редактирования - в режиме исходного кода.
Выделим заголовок "Ваша команда", удалим его, вместо него напишем другой заголовок.

2015.03.11-12.34.31.jpg

Аналогично поступим с остальными надписями.

Далее обратим внимание на строку

2015.03.11-12.36.26.jpg

Это путь к фотографии сотрудника, размещенной в нашем разделе. 

Перейдем в Административный раздел.  Для этого нажмем на вкладку 2015.02.25-12.54.46.jpgв верхней части страницы.

В Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Файлы и папки, include, team.

Файл dirk.png это и есть наша фотография. 

Теперь нажмите кнопку 2015.03.10-15.36.30.jpg

2015.03.10-15.37.04.jpg

Кликните по кнопке Добавить файл и укажите путь к иконке. 

Примечание   
Рекомендуемый размер фотографии 263х263 px.


Вернемся в Публичный раздел сайта, откроем окно редактирования области. 

В строке кода   2015.03.11-12.36.53.jpg   вместо названия  dirk.png вставьте название добавленной фотографии.

Далее найдем строку

2015.03.11-12.35.06.jpg

Это иконки социальных сетей сотрудников.
Вместо значков # необходимо вставить ссылки на соответствующие социальные сети. 

2015.03.11-12.35.57.jpg

Если какая-либо из них вам не нужна, выделите соответствующую область целиком и удалите ее.

Как редактировать раздел "Контакты"

2015.03.10-12.51.35.jpg

Убедитесь, что включен режим правки:

2015.02.24-14.38.49.jpg

Наведите курсор мыши на редактируемую область. Появились дополнительные пункты меню Редактировать область как html, Редактировать область как html. Кликнем по правому пункту меню Редактировать область как html.

2015.03.11-12.45.02.jpg

Открылось окно редактирования.

2015.03.11-13.50.12.jpg

Будем работать в нижней части окна редактирования - в режиме исходного кода.
Выделим заголовок "Контакты", удалим его, вместо него напишем другой заголовок.

2015.03.11-13.51.36.jpg

Аналогично поступим с текстом "Помогите клиентам найти Вас!". Нажмем Сохранить


Снова наведите курсор мыши на редактируемую область. Появились дополнительные пункты меню Редактировать область как html, Редактировать область как html. Кликнем по левому пункту меню Редактировать область как html.

2015.03.11-12.45.02.jpg

Открылось окно редактирования включаемой области.

2015.03.11-12.48.18.jpg

Будем работать в нижней части окна редактирования - в режиме исходного кода.
Выделим заголовок "О нас", удалим его, вместо него напишем другой заголовок.

2015.03.11-12.52.21.jpg

Аналогично поступим с текстом раздела.

Далее обратим внимание на строку

2015.03.11-12.52.46.jpg

Это путь к иконке, размещенной в нашем разделе. 

Перейдем в Административный раздел.  Для этого нажмем на вкладку 2015.02.25-12.54.46.jpgв верхней части страницы.

В Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Файлы и папки, include, contacts_icons.

Файл man.png это и есть наша иконка. 

Теперь нажмите кнопку 2015.03.10-15.36.30.jpg

2015.03.10-15.37.04.jpg

Кликните по кнопке Добавить файл и укажите путь к иконке. 

Примечание    
Рекомендуемый размер иконки 66х63 px.


Вернемся в Публичный раздел сайта, откроем окно редактирования области. 

Аналогично отредактируйте другие надписи и картинки раздела.
 Нажмите Сохранить.

Теперь в меню управления сайтом выберем пункт Компоненты 2015.03.10-11.36.44.jpg.

2015.03.10-15.57.49.jpg

В выпавшем меню выберем пункт Форма обратной связи (нижняя строка меню).

2015.03.11-12.58.45.jpg

Открылось окно параметров компонента.

2015.03.11-12.59.13.jpg



Вы можете отредактировать сообщение, выводимое пользователю после отправки в соответствующем поле. Также измените e-mail, на который будет отправлено письмо и выберете обязательные поля для заполнения.

Нажмите Сохранить.





Как редактировать раздел "Ваши контакты в социальных сетях"

2015.03.10-12.51.46.jpg

Убедитесь, что включен режим правки:

2015.02.24-14.38.49.jpg


Наведите курсор мыши на область с иконками соц.сетей. Кликните по всплывшему пункту меню Редактировать область как html.

2015.03.10-15.06.44.jpg

Открылось окно редактирования области. 

2015.03.10-15.07.47.jpg

Будем работать в нижней части окна - в режиме исходного кода.

2015.03.10-15.12.54.jpg 

Отредактируем заголовок. Например, вместо "Ваши контакты в социальных сетях" напишите "Наши контакты в социальных сетях".

Вместо значков # необходимо вставить ссылки на соответствующие социальные сети. 

2015.03.10-15.11.23.jpg

Если какая-либо из них вам не нужна, выделите соответствующую область целиком и удалите ее.

2015.03.10-15.16.05.jpg


Как изменить favicon

Обучение   
Favicon (сокр. от англ. FAVorites ICON — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером во вкладке перед названием страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса.


2015.03.11-13.22.16.jpg это и есть favicon нашего сайта 2015.03.11-13.22.29.jpg.

Для того чтобы изменить favicon, нам нужно будет перейти в раздел Администрирования сайта. Для этого нажмем на вкладку  2015.02.25-12.54.46.jpg в верхней части страницы.


В Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Файлы и папки, bitrix, templates, marsd_astra_blue, images  

2015.03.11-13.27.17.jpg

Файл с именем  favico.png это и есть текущий favicon сайта. Удалим его. Для этого кликнем по нему правой кнопкой мыши или нажмем на кнопку 2015.02.25-13.55.08.jpg рядом с ним. Выпало меню действий, выберем Удалить.

Затем нажмем кнопку 2015.02.27-13.20.03.jpg. Открылось окно загрузки файлов.

2015.02.27-13.20.57.jpg

Нажмем на кнопку Добавить файл и укажем путь к favicon, который хотим установить для сайта. 

Внимание!   
Favicon должен обязательно иметь имя favico и иметь тип файла (*.png)

Примечание   
Рекомендуемый размер favicon 16×16px.

Сразу вы не увидите, что favicon изменился. Он изменится, когда сбросится Кеш в браузере. Для того чтобы сразу посмотреть как изменится favicon нужно зайти на страницу через какой-нибудь другой браузер.