0  /  36

Jam - бизнес сайт с интернет-магазином на Старте

Содержание

Установка

Рассмотрим установку сайта вторым сайтом в режиме многосайтовости на одном домене.

В Административном меню перейдем во вкладку Настройки в меню функций выберем последовательно Настройки продукта, Список Мастеров. 
 
2015.04.02-15.38.24.jpg

Нажмем на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием сайта Jam - универсальный бизнес сайт с интернет-магазином, и в выпавшем меню выберем пункт Установить.

2015.04.02-15.39.53.jpg

Открылся мастер установки. Заполним поля, как на картинке ниже.

2015.04.02-15.40.45.jpg

Нажмем на кнопку 2015.03.30-14.26.26.jpg.
На шаге 2 мастера установки снова нажмем кнопку2015.03.30-14.26.26.jpg.

На шаге 3 выберите Тему.

2015.04.02-15.41.56.jpg

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

2015.04.02-15.50.41.jpg
Также можете отредактировать логотип сайта, описание сайта и ключевые слова.

2015.04.02-15.44.09.jpg

Нажмите кнопку 2015.03.30-14.31.05.jpg. Подождите пока сайт установится.

2015.04.02-15.55.41.jpg
Нажмите на кнопку 2015.03.30-14.32.35.jpg.








Изменение логотипа сайта

Для начала редактирования сайта включите режим правки в правом верхнем углу страницы:

 2015.02.24-14.38.49.jpg

Наведите курсор мыши на логотип и кликните по всплывшему пункту меню Редактировать область как html.
 
2015.04.02-15.58.35.jpg

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

2015.04.02-15.59.32.jpg

Удалите имеющийся логотип. Нажмите на значек изображение2015.02.24-15.45.46.jpg на панели инструментов. В открывшемся окне нужно выбрать путь к Вашему логотипу.

2015.02.24-15.47.48.jpg
Кликните на значек 2015.02.24-16.29.12.jpgрядом с полем ввода Источник изображения. Откроется медиабиблиотека, из которой вы можете выбрать логотип.

2015.03.12-14.04.26.jpg

Если в медиабиблиотеку еще не добавлен Ваш логотип, кликтите на 2015.02.24-16.36.57.jpg, введите название коллекции, затем нажмите на2015.02.24-16.33.39.jpgи выберете файл с необходимой картинкой. Логотип появился в медиабиблиотеке. Нажмите на кнопку Выбрать. 

2015.03.12-14.05.35.jpg

В открывшемся окне Вы можете редактировать размер изображения. 
 
Рекомендуемый размер логотипа 210х60px

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

Логотип изменен.

Редактирование контактов в шапке сайта

2015.04.02-16.02.32.jpg
Если вы не отредактировали контакты во время установки, то можете сделать это сейчас.

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

2015.02.24-14.38.49.jpg

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

2015.04.03-12.02.11.jpg

При нажатии на пункт Редактировать область как html всплывет окно редактирования области.

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

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

2015.04.03-12.04.47.jpg
Будем работать в нижней части окна - в режиме исходного кода. Выделим текст "Телефон: +7 (974) 124-9212", как показано на картинке, удалим и вместо него впишем новый текст. Аналогично поступим с другими надписями.

2015.04.03-12.09.39.jpg
Нажмите кнопку Сохранить.



Редактирование области иконок социальных сетей

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

2015.02.24-14.38.49.jpg

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

2015.04.03-12.12.29.jpg

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

2015.02.27-15.33.57.jpg

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

2015.02.27-15.36.31.jpg

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

2015.02.27-15.38.46.jpg

Редактирование пунктов меню

2015.04.03-12.27.30.jpg

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

Наведите курсор мыши на меню и кликните по всплывшему пункту меню 

2015.04.03-12.29.47.jpg

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

2015.04.03-12.32.57.jpg

При нажатии на название пункта меню открывается поле ввода, в котором можно изменить наименование соответствующего пункта.

2015.02.25-12.01.24.jpg

Названию каждого пункта меню соответствует ссылка, которую можно редактировать аналогичным способом. 
В этом же окне можно изменять порядок пунктов меню, перемещая их с помощью зеленых стрелочек, расположенных в правой части окна. Также вы можете удалять пункты меню, используя красный крестик.
2015.02.25-12.20.38.jpg

Редактирование главной страницы

2015.04.02-16.09.34.jpg

Редактирование слайдера

2015.04.03-12.17.26.jpg

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

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

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

2015.04.03-12.19.30.jpg

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

2015.04.03-12.20.14.jpg

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

Поменяем название в соответствующем поле ввода. Назовем слайд, например, "Идеальный сайт для вас!". 
В поле Сортировка вводится число, которое устанавливает порядок показа слайдов. 

Также в окне редактирования мы видим поле Анимация текста , можете выбрать другой тип анимации.

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

2015.04.03-12.24.23.jpg

Примечание  
Рекомендуемый размер картинки 950х500px
Далее в разделе Детальное описание изменим текст слайда и нажмем кнопку Сохранить.

Аналогично отредактируйте остальные слайды. Также вы можете добавить новые слайды, используя кнопку 2015.04.02-12.57.31.jpg. Или вы можете удалить какой-либо слайд нажав на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием слайда, и в выпавшем меню выбрав пункт Удалить.

Редактирование раздела с преимуществами

2015.04.03-12.35.36.jpg
Для начала редактирования сайта включите режим правки в правом верхнем углу страницы:

2015.02.24-14.38.49.jpg

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

2015.04.03-12.39.39.jpg
При нажатии на пункт Редактировать область как html всплывет окно редактирования области.

2015.04.03-12.40.20.jpg

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

2015.04.03-12.43.05.jpg

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

Далее наведем курсор мыши на область с преимуществами, всплывет дополнительный пункт меню Редактировать область как html. 
2015.04.03-12.44.23.jpg

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

2015.04.03-12.48.04.jpg
Каждому преимуществу в нашем разделе соответствует иконка. Например, первому иконка с кейсом 2015.04.03-12.49.12.jpg.
Чтобы изменить иконку нужно выделить ее имя в соответствующей строке кода и заменить его. Например впишем название иконки "Bell".

2015.04.03-12.51.00.jpg

Примечание
Список имен иконок.
icons_adaptive.png


Далее отредактируем текст в блоке. Выделим текст "Информация", как показано на картинке, удалим и вместо него впишем новый текст. Аналогично поступим с другими надписями.

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

2015.04.03-13.01.06.jpg

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

2015.04.03-13.02.05.jpg

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

2015.04.03-13.59.35.jpg

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

2015.04.03-14.07.56.jpg

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

2015.02.24-14.38.49.jpg

Кликните двойным нажатием левой кнопки мыши по текстовой области.
Открылось окно редактирования.

2015.04.03-14.19.58.jpg

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

2015.04.03-14.21.37.jpg

Выделим текст, как показано на картинке, удалим и вместо него впишем свой. 
Нажмем кнопку Сохранить

Редактирование раздела обратной связи

2015.04.03-14.23.04.jpg

Для начала редактирования сайта включите режим правки в правом верхнем углу страницы:

2015.02.24-14.38.49.jpg

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

2015.04.03-14.25.08.jpg

При нажатии на пункт Редактировать область как html всплывет окно редактирования области.

2015.04.03-14.26.01.jpg

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

2015.04.03-14.27.57.jpg

Выделим текст "Нужна помощь? Обращайтесь:", как показано на картинке, удалим и вместо него впишем новый текст. 

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

2015.04.03-14.29.44.jpg

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

2015.04.03-14.30.35.jpg
Отредактируйте поле Текст. В поле Адрес вставьте ваш адрес электронной почты. 
Нажмите Сохранить.

Как загрузить видеозапись

2015.04.08-12.53.35.jpg

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

2015.04.07-15.42.58.jpg 

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

2015.04.07-15.45.44.jpg 

Кликните правой кнопкой мыши по видео и в выпавшем меню выберите пункт Свойства видео.

2015.04.07-15.47.16.jpg 

Открылось окно.

2015.04.07-15.48.05.jpg 

В поле ввода Источник видео нужно вставить код для встраивания. Для примера вставим видео с сайта http://www.youtube.com/. Для этого зайдем на  youtube, выберем видеоролик, кликнем по нему правой кнопкой мыши, в выпавшем меню выберем пункт Получить код для встраивания.

2015.03.31-15.24.08.jpg  

Появился код.

2015.03.31-15.25.11.jpg  

Копируем его и вставляем в поле ввода Источник видео.

2015.03.31-15.26.34.jpg  
Можете задать Название видео.
Нажмем кнопку Сохранить.

Редактирование блоков "Наши работы", "Наша продукция", "Услуги", "Новости", "Статьи"

2015.04.03-14.34.42.jpg
Эти блоки информации на главной странице изменяются автоматически при изменении соответствующих разделов сайта.
Редактирование этих разделов сайта рассмотрено в последующих главах.


Редактирование раздела "Купить сейчас"

2015.04.03-14.41.25.jpg

Для начала редактирования сайта включите режим правки в правом верхнем углу страницы:

2015.02.24-14.38.49.jpg

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

2015.04.03-14.42.04.jpg

При нажатии на пункт Редактировать область как html всплывет окно редактирования области.

2015.04.03-14.42.41.jpg

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

2015.04.03-14.44.22.jpg

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

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

2015.04.03-14.49.25.jpg

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

2015.04.03-14.49.58.jpg

Выберите Вид ссылки. Отредактируйте поле Текст. В поле Адрес/Ссылка вставьте необходимую ссылку. 
Нажмите Сохранить.

Редактирование раздела "Компания"

2015.04.02-16.10.51.jpg

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

2015.02.24-14.38.49.jpg

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

2015.04.07-12.15.57.jpg

При нажатии на пункт Редактировать область как html всплывет окно редактирования области.

2015.04.07-12.17.53.jpg

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

2015.04.07-12.20.38.jpg

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

Редактирование раздела "О компании"

2015.04.02-16.10.51.jpg

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

2015.02.24-14.38.49.jpg

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

2015.04.07-12.15.57.jpg 

При нажатии на пункт Редактировать область как html всплывет окно редактирования области.

2015.04.07-12.17.53.jpg 

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

2015.04.07-12.20.38.jpg 

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

Редактирование слайдера

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

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

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

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

2015.04.07-13.02.46.jpg 

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

Поменяем название в соответствующем поле ввода. 
В поле Сортировка вводится число, которое устанавливает порядок показа слайдов. 

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

2015.04.07-13.04.29.jpg 


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


Аналогично отредактируйте остальные слайды. Также вы можете добавить новые слайды, используя кнопку 2015.04.02-12.57.31.jpg. Или вы можете удалить какой-либо слайд нажав на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием слайда, и в выпавшем меню выбрав пункт Удалить.

Редактирование раздела обратной связи

2015.04.03-14.23.04.jpg

Для начала редактирования сайта включите режим правки в правом верхнем углу страницы:

2015.02.24-14.38.49.jpg

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

2015.04.03-14.25.08.jpg  

При нажатии на пункт Редактировать область как html всплывет окно редактирования области.

2015.04.03-14.26.01.jpg  

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

2015.04.03-14.27.57.jpg  

Выделим текст "Нужна помощь? Обращайтесь:", как показано на картинке, удалим и вместо него впишем новый текст. 

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

2015.04.03-14.29.44.jpg  

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

2015.04.03-14.30.35.jpg
Отредактируйте поле Текст. В поле Адрес вставьте ваш адрес электронной почты. 
Нажмите Сохранить.

Редактирование раздела "Портфолио"

2015.04.07-14.31.07.jpg


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

2015.04.07-14.43.04.jpg

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

2015.04.07-14.45.51.jpg

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

Метка активность показывает отображается ли раздел, если ее снять, то отображаться он не будет. Вы можете задать Родительский раздел, изменить Название раздела. Перейдите на вкладку Дополнительно.

2015.04.07-14.46.49.jpg

Обязательно заполните поле Символьный код. Нажмем кнопку Сохранить.
Чтобы добавить новый раздел нажмите на кнопку 2015.03.31-12.41.50.jpg.

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

2015.04.07-14.47.28.jpg

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

2015.04.07-14.48.29.jpg

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

Поменяем название в соответствующем поле ввода. 

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

2015.04.07-14.49.20.jpg
Измените Картинку для анонса для этого нужно нажать на кнопку 2015.02.25-13.55.08.jpg и выбрать действие Заменить файлом с компьютера или Заменить файлом из медиабиблиотеки. Затем отредактируйте Описание для анонса.

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

2015.04.07-14.49.28.jpg

Примечание    
Рекомендуемый размер картинки 650х888px
Далее в разделе Детальное описание изменим текст и нажмем кнопку Сохранить.

Аналогично отредактируйте остальные проекты. Также вы можете добавить новые проекты, используя кнопку 2015.04.07-14.51.52.jpg. Или вы можете удалить какой-либо проект, нажав на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием новости, и в выпавшем меню выбрав пункт Удалить.



Настройка компонента

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

2015.03.31-14.28.31.jpg    

В выпавшем меню выберем пункт Новости.

2015.04.07-13.32.42.jpg 

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

2015.04.07-13.34.00.jpg 

Вы можете отредактировать Количество новостей на странице в разделе Основные параметры. Перейдем на вкладку Источник данных.
Заполним поля, так как на картинке ниже.

2015.04.07-13.38.47.jpg 

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

Редактирование раздела "Руководство"

2015.04.07-14.31.52.jpg

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

2015.02.24-14.38.49.jpg

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

2015.04.07-14.59.19.jpg

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

2015.04.07-15.00.41.jpg

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

2015.04.07-15.03.08.jpg

Далее щелкнем по картинке левой кнопкой мыши, чтобы выделить ее.

2015.04.07-15.04.44.jpg

Далее нажмем на кнопку 2015.03.25-12.42.43.jpg на панели инструментов. Открылось окно редактирования изображения.
Щелкните по кнопке 2015.03.25-12.43.44.jpg и выберите путь к изображению. Нажмите Сохранить

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

Редактирование раздела "Вакансии"

2015.04.07-14.32.05.jpg

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

2015.04.07-15.07.39.jpg


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

2015.04.07-15.08.56.jpg

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

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

2015.04.07-15.09.55.jpg

В разделе Детальное описание изменим текст и нажмем кнопку Сохранить.

Аналогично отредактируйте остальные вакансии. Также вы можете добавить новые вакансии, используя кнопку 2015.04.07-15.11.18.jpg. Или вы можете удалить какую-либо вакансию, нажав на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием новости, и в выпавшем меню выбрав пункт Удалить.


Редактирование разделов "Новости"/"Статьи"

Редактирование страниц Новости и Статьи совершенно идентично, поэтому рассмотрим редактирование этих разделов на примере раздела Новости.

2015.04.02-16.13.06.jpg



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

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

2015.04.07-13.21.14.jpg
Отредактируем первую новость "Креативный медиабизнес глазами современников", для этого кликнем по ней двойным нажатием левой кнопкой мыши или нажмем на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием новости, и в выпавшем меню выберем пункт Изменить.

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

2015.04.07-13.22.25.jpg

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

Поменяем название в соответствующем поле ввода. 

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

2015.04.07-13.23.48.jpg
Измените Картинку для анонса для этого нужно нажать на кнопку 2015.02.25-13.55.08.jpg и выбрать действие Заменить файлом с компьютера или Заменить файлом из медиабиблиотеки. Затем отредактируйте Описание для анонса.


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

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

2015.04.07-13.25.59.jpg

Примечание   
Рекомендуемый размер картинки 822х640px
Далее в разделе Детальное описание изменим текст и нажмем кнопку Сохранить.

Аналогично отредактируйте остальные новости. Также вы можете добавить новые новости, используя кнопку 2015.04.07-13.27.28.jpg. Или вы можете удалить какую-либо новость нажав на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием новости, и в выпавшем меню выбрав пункт Удалить.


Настройка компонента "Новости"

2015.04.07-13.34.46.jpg

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

2015.03.31-14.28.31.jpg   

В выпавшем меню выберем пункт Новости.

2015.04.07-13.32.42.jpg

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

2015.04.07-13.34.00.jpg

Вы можете отредактировать Количество новостей на странице в разделе Основные параметры. Перейдем на вкладку Источник данных.
Заполним поля, так как на картинке ниже.

2015.04.07-13.38.47.jpg

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

2015.04.07-13.40.55.jpg

Редактирование раздела "Услуги"

2015.04.02-16.14.50.jpg

Все действия по редактированию раздела "Услуги" повторяют действия по редактированию, которые мы рассмотрели в предыдущей главе Редактирование разделов "Новости"/"Статьи".

Рассмотрим настройку компонента обратной свзяи "Заказать услугу"

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

2015.03.31-14.28.31.jpg   

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

2015.04.07-13.54.10.jpg

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

2015.04.03-15.14.14.jpg  

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

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

Редактирование раздела "Продукция"

2015.04.02-16.17.10.jpg

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

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

2015.04.07-14.09.19.jpg

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

2015.04.07-14.10.51.jpg

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

Метка активность показывает отображается ли раздел, если ее снять, то отображаться он не будет. Вы можете задать Родительский раздел, изменить Название раздела и изображени. Перейдите на вкладку Дополнительно.

2015.04.07-14.17.28.jpg

Обязательно заполните поле Символьный код. Нажмем кнопку Сохранить.
Чтобы добавить новый раздел нажмите на кнопку 2015.03.31-12.41.50.jpg.

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

2015.04.07-14.18.20.jpg

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

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

2015.04.07-14.19.45.jpg

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

Перейдем на вкладку Анонс.

2015.04.07-14.22.32.jpg
Измените картинку для анонса.

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

2015.04.07-14.23.31.jpg

Далее в разделе Детальное описание изменим текст и нажмем кнопку Сохранить.

Аналогично отредактируйте остальные товары. Также вы можете добавить новые товары, используя кнопку 2015.04.07-14.24.47.jpg. Или вы можете удалить какой-либо товар, нажав на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием, и в выпавшем меню выбрав пункт Удалить.


Настройка компонента "Каталог"

2015.04.07-15.19.30.jpg

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

2015.03.31-14.28.31.jpg    

В выпавшем меню выберем пункт Каталог.

2015.04.07-15.20.17.jpg

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

2015.04.07-15.20.55.jpg

Вы можете отредактировать Сообщение при успешном оформлении заказа, E-mail, на который будет отправлено письмо  и Обязательные поля в разделе Основные параметры

Перейдем на вкладку Настройки TOP'а.
Заполним поля, так как на картинке ниже.

2015.04.07-15.24.13.jpg

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

2015.04.07-15.25.05.jpg

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

2015.04.02-16.17.48.jpg

Редактирование раздела "Наши контакты"

2015.04.03-15.17.24.jpg

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

2015.02.24-14.38.49.jpg

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

2015.04.07-12.04.51.jpg

При нажатии на пункт Редактировать область как html всплывет окно редактирования области.

2015.04.07-12.05.56.jpg

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

2015.04.07-12.09.23.jpg

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

Настройка компонента "Форма обратной связи"

2015.04.03-15.18.31.jpg

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

2015.03.31-14.28.31.jpg  

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

2015.04.03-15.23.49.jpg

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

2015.04.03-15.14.14.jpg 

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

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

Настройка компонента "Яндекс.Карты"

2015.04.03-15.19.22.jpg

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

2015.02.24-14.38.49.jpg

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

2015.04.01-16.15.31.jpg 

В выпавшем меню выберем пункт Яндекс.Карты: настраиваемая карта.

2015.04.03-15.20.24.jpg

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

2015.04.03-15.21.12.jpg

Изменим Данные, выводимые на карте. Для этого в соответствующем пункте нажмем на кнопку 2015.02.26-16.11.33.jpg. Открылось окно настройки карты.

2015.02.26-16.12.04.jpg

Снимем отметку в поле вид схемы 2015.02.26-16.13.17.jpg.  В поле Найти на карте, введем необходимый нам город, улицу, дом. Например, г.Томск, пр-кт Комсомольский, 70. 
Карта переместилась в необходимое нам место. Теперь нажмем на пункт Добавить точки и двойным нажатие левой кнопки мыши поставим отметку на карте, после чего появится поле ввода, в которое вы можете ввести название этой точки. Например, "Mars Digital". После чего закройте поле ввода, нажав на крестик в правом верхнем углу. 

2015.02.26-16.20.55.jpg
Теперь поставим отметку в поле вид схемы. 2015.02.26-16.13.17.jpg Также вы можете отрегулировать масштаб карты, использую кнопки "+" и "-" на шкале в левой части окна.
2015.02.26-16.22.02.jpg

 Нажмем Сохранить и выйдем из окна настроек карты. Также сохраним настройки в окне редактирования параметров компонента. 

Редактирование подвала сайта

2015.04.02-16.18.44.jpg

Редактирование раздела "О нас"

2015.04.03-14.54.58.jpg

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

2015.02.24-14.38.49.jpg

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

2015.04.03-15.00.37.jpg

При нажатии на пункт Редактировать область как html всплывет окно редактирования области.

2015.04.03-15.02.03.jpg

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

2015.04.03-15.04.26.jpg
Нажмите кнопку Сохранить.

Редактирование раздела "Отзывы"

2015.04.03-14.55.42.jpg

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

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

2015.04.03-15.08.02.jpg

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

2015.03.31-12.56.11.jpg 

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

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

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

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

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

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

Редактирование раздела обратной связи

2015.04.03-14.55.48.jpg

Для начала редактирования включите режим правки в правом верхнем углу страницы:

2015.02.24-14.38.49.jpg

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

2015.03.31-14.28.31.jpg 

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

2015.04.03-15.13.40.jpg

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

2015.04.03-15.14.14.jpg

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

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

Редактирование пунктов меню

2015.04.03-14.55.59.jpg

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

Наведите курсор мыши на меню и кликните по всплывшему пункту меню 

2015.04.03-14.58.17.jpg

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

2015.04.03-14.58.44.jpg

При нажатии на название пункта меню открывается поле ввода, в котором можно изменить наименование соответствующего пункта.

2015.04.03-14.59.33.jpg

Названию каждого пункта меню соответствует ссылка, которую можно редактировать аналогичным способом. 
В этом же окне можно изменять порядок пунктов меню, перемещая их с помощью зеленых стрелочек, расположенных в правой части окна. Также вы можете удалять пункты меню, используя красный крестик.
2015.02.25-12.20.38.jpg

Изменить favicon

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

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

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

2015.04.02-16.25.23.jpg
Файл с именем  favicon.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 должен обязательно иметь имя favicon и иметь тип файла PNG(*.png)

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

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