Top.Mail.Ru

ОГЛАВЛЕНИЕ

1. СТОИМОСТЬ

Прайс-листы и их заголовок заполняются на вкладке "Прайс".

Прайс-листы бывают двух классов:

  • "prices-table" - когда есть три колонки для цены
  • "prices-single-table" - обычная таблица

Пример 1. Просто прайс

Стоимость маникюра

Просто прайс, class="prices-single-table"
Маникюр классический 800
Детский маникюр 600

Стоимость маникюра

Просто прайс, class="prices-single-table"
Маникюр классический 800
Детский маникюр 600

Пример 2. Скрываем несколько строк, чтобы прайс не занимал слишком много места на странице

Стоимость маникюра

Есть скрытые строки, class="prices-single-table"
Маникюр классический 800
Детский маникюр 600
Скрытая строка 1 800
Скрытая строка 2 600
Скрыть Показать еще

Стоимость маникюра

Есть скрытые строки, class="prices-single-table"
Маникюр классический 800
Детский маникюр 600
Скрытая строка 1 800
Скрытая строка 2 600
Скрыть Показать еще

Пример 3. Возможности стилизации прайсов, несколько скрытых прайсов:

Стоимость стрижки волос

Заголовок прайса который сразу виден, class="prices-table" короткиеволосы средняядлина Длинныеволосы  ₽
Стрижка с укладкой (женская)(Комментарий к строке) 1 300 1 500 1700-2200комментарий к цене
Стрижка с укладкой (мужская) 1 200 1 400
Заголовок прайса который не виден сразу, class="prices-table" короткиеволосы средняядлина Длинныеволосы  ₽
Стрижка с укладкой (женская) 1 300 1 500 1700-2200
Услуга с единой ценой на все типы волос 1 200
Заголовок прайса который не виден сразу, class="prices-single-table"
Маникюр классический 800
Детский маникюр 500 - 600
Скрыть Показать еще

Стоимость стрижки волос

Заголовок прайса который сразу виден, class="prices-table" короткиеволосы средняядлина Длинныеволосы  ₽
Стрижка с укладкой (женская)(Комментарий к строке) 1 300 1 500 1700-2200комментарий к цене
Стрижка с укладкой (мужская) 1 200 1 400
Заголовок прайса который не виден сразу, class="prices-table" короткиеволосы средняядлина Длинныеволосы  ₽
Стрижка с укладкой (женская) 1 300 1 500 1700-2200
Услуга с единой ценой на все типы волос 1 200
Заголовок прайса который не виден сразу, class="prices-single-table"
Маникюр классический 800
Детский маникюр 500 - 600
Скрыть Показать еще

2. ПАРАМЕТРЫ

Параметры услуги заполняются на вкладке "Параметры" typo_params.png

Пример вывода параметров

  • Продолжительность 22 минуты
  • Курс 5-10 процедур
  • Периодичность раз в 3-4 недели
  • Восстановление 1-2 часа
  • Бесплатная консультация врача




3. ОСНОВНОЙ ТЕКСТ

Основной текст заполняется в свойстве "Описание".

В основном тексте помимо самого текста могут также быть видео, заголовки и списки.

Пример текста.

Заголовок H2

Заголовок H3

Заголовок class="default-title"

Текст статьи текст статьи

Текст статьи текст статьи

		

Заголовок H2

Заголовок H3

Заголовок class="default-title"

Текст статьи текст статьи

Текст статьи текст статьи

Если текст слишком длинный - часть его можно скрыть:

Описание услуги Описание услуги Описание услуги Описание услуги Описание услуги Описание услуги

Текст который изначально скрыт Текст который изначально скрыт Текст который изначально скрыт Текст который изначально скрыт

Текст который изначально скрыт Текст который изначально скрыт Текст который изначально скрыт Текст который изначально скрыт



Описание услуги Описание услуги Описание услуги Описание услуги Описание услуги Описание услуги

Текст который изначально скрыт Текст который изначально скрыт Текст который изначально скрыт Текст который изначально скрыт

Текст который изначально скрыт Текст который изначально скрыт Текст который изначально скрыт Текст который изначально скрыт

3.1 ВИДЕО

Видео вставляется в основной текст (свойство "Описание")

Пример видео.

Текст статьи текст статьи

Текст статьи текст статьи

		

Текст статьи текст статьи

Текст статьи текст статьи

3.2 Изображения

3.2 ОДИНОЧНЫЕ ИЗОБРАЖЕНИЯ

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

3.2 ГАЛЕРЕЯ ИЗОБРАЖЕНИЙ

Если изображений 3 и больше - привязываем галерею изображений (Дополнительно - Подключение фотогалереи).
Галерея выводится на месте условного обозначения ##GALLERY##

		

Текст статьи текст статьи

##GALLERY##

Текст статьи текст статьи

3.3 СПИСКИ

3.3.1 Общие списки

Список без форматирования.

Преимущества

  • Наши парикмахеры и стилисты обучались в лучших школах мира!
  • Парикмахер-стилист в СПБ - лучшие мастера в салонах красоты ОЛА
  • Стилисты Петербурга в салонах OLA
  • Наши парикмахеры и стилисты обучались в лучших школах мира!
			

Преимущества

  • Наши парикмахеры и стилисты обучались в лучших школах мира!
  • Парикмахер-стилист в СПБ - лучшие мастера в салонах красоты ОЛА
  • Стилисты Петербурга в салонах OLA
  • Наши парикмахеры и стилисты обучались в лучших школах мира!

Список с галочками. class="checklist"

Преимущества

  • Наши парикмахеры и стилисты обучались в лучших школах мира!
  • Парикмахер-стилист в СПБ - лучшие мастера в салонах красоты ОЛА
  • Стилисты Петербурга в салонах OLA
  • Наши парикмахеры и стилисты обучались в лучших школах мира!
			

Преимущества

  • Наши парикмахеры и стилисты обучались в лучших школах мира!
  • Парикмахер-стилист в СПБ - лучшие мастера в салонах красоты ОЛА
  • Стилисты Петербурга в салонах OLA
  • Наши парикмахеры и стилисты обучались в лучших школах мира!

Список с любыми иконками.

Любые иконки

  • Вот так (fa-check-square)
  • Можно использовать (fa-check-square)
  • Различные иконки (fa-spin)
  • В списках
  • fa-bookmark
  • fa-certificate
  • fa-diamond
  • fa-exclamation
  • fa-exclamation-triangle
  • fa-plus
  • fa-star
  • fa-star-o
  • fa-thumbs-up
  • fa-user
  • fa-male
  • fa-female

Смотреть все возможные иконки

			

Любые иконки

  • Вот так (fa-check-square)
  • Можно использовать (fa-check-square)
  • Различные иконки (fa-spin)
  • В списках
  • fa-bookmark
  • fa-certificate
  • fa-diamond
  • fa-exclamation
  • fa-exclamation-triangle
  • fa-plus
  • fa-star
  • fa-star-o
  • fa-thumbs-up
  • fa-user
  • fa-male
  • fa-female

3.3.2 Специализированные списки

Двойной список: Показания - Противопоказания

Это список можно выводить в две колонки, либо сочетать сразу два списка. Например Показания - Противопоказания, Преимущества - Недостатки, Женщины - Мужчины.

Здесь есть особенность в коде, т.к. список на всю ширину: сначала нужно закрыть предыдущий div, а после списка - заново его открыть.

Пример списка Показания - Противопоказания.

Показания

  • Наши парикмахеры и стилисты обучались в лучших школах мира!
  • Изменение фона сайта на белый, добавление и корректировка уровней
  • Правка базового шаблона
  • Правка шаблона страницы “Карточка услуги”

Противопоказания

  • Наши парикмахеры и стилисты обучались в лучших школах мира!
  • Изменение фона сайта на белый, добавление и корректировка уровней
  • Правка базового шаблона
  • Правка шаблона страницы “Карточка услуги”
</div>

Показания

  • Наши парикмахеры и стилисты обучались в лучших школах мира!
  • Изменение фона сайта на белый, добавление и корректировка уровней
  • Правка базового шаблона
  • Правка шаблона страницы “Карточка услуги”

Противопоказания

  • Наши парикмахеры и стилисты обучались в лучших школах мира!
  • Изменение фона сайта на белый, добавление и корректировка уровней
  • Правка базового шаблона
  • Правка шаблона страницы “Карточка услуги”
<div class="text-default">

Пример списка в две колонки, с одним заголовком.

Заголовок списка

  • Наши парикмахеры и стилисты обучались в лучших школах мира!
  • Изменение фона сайта на белый, добавление и корректировка уровней
  • Правка базового шаблона
  • Правка шаблона страницы “Карточка услуги”
  • Наши парикмахеры и стилисты обучались в лучших школах мира!
  • Изменение фона сайта на белый, добавление и корректировка уровней
  • Правка базового шаблона
  • Правка шаблона страницы “Карточка услуги”

Заголовок списка

</div>
  • Наши парикмахеры и стилисты обучались в лучших школах мира!
  • Изменение фона сайта на белый, добавление и корректировка уровней
  • Правка базового шаблона
  • Правка шаблона страницы “Карточка услуги”
  • Наши парикмахеры и стилисты обучались в лучших школах мира!
  • Изменение фона сайта на белый, добавление и корректировка уровней
  • Правка базового шаблона
  • Правка шаблона страницы “Карточка услуги”
<div class="text-default">

Список этапов

Список используется для описания этапов проведения процедуры

Пример списка этапов

Этапы проведения процедуры

  • 1

    Описание этапа


  • 2

    Описание этапа
    Вторая строка описания этапа


  • 3

    Описание этапа


  • 4

    Описание этапа


		
					

Этапы проведения процедуры

  • 1

    Описание этапа


  • 2

    Описание этапа
    Вторая строка описания этапа


  • 3

    Описание этапа


  • 4

    Описание этапа


Большеохтинский 41 (New) Санкт-Петербург, 195027, Санкт-Петербург, Большеохтинский пр. 41 (812) 635-30-30 https://olacenters.com/upload/iblock/667/photo_2022_11_05-13.47.43.jpeg
Крыленко 14с2 Санкт-Петербург, 193230, Санкт-Петербург, Крыленко 14с2 (ЖК Wings) (812) 701-01-07 https://olacenters.com/upload/iblock/23d/IMG_9032.PNG
Будапештская ул. 102 Санкт-Петербург, Будапештская ул. 102 (812) 605-73-33 https://olacenters.com/upload/iblock/4db/jpeg_8.jpg
Московское ш. 16к1 Санкт-Петербург, Московское шоссе 16 корп. 1 (812) 701-07-70 https://olacenters.com/upload/iblock/698/DSC06710_3.jpg
Ленинский 81 Санкт-Петербург, Ленинский проспект 81 корп. 1 (812) 701-01-10 https://olacenters.com/upload/iblock/f7c/Snimok-ekrana-2020_04_11-v-19.12.17.png
Выборгское 112 Санкт-Петербург, Выборгское шоссе 112 (812) 701-00-70 https://olacenters.com/upload/iblock/2f6/vyb.jpg
Просвещения 49 Санкт-Петербург, Актерский проезд д.6 (812) 701-00-11 https://olacenters.com/upload/iblock/c04/map_item_img1.jpg
Наличная 28 Санкт-Петербург, ул. Наличная д.28\16 (812) 501-21-21 https://olacenters.com/upload/iblock/af2/nal.jpg
Московский 130 Санкт-Петербург, Московский проспект, 130 +7 (812) 700-10-10 https://olacenters.com/upload/iblock/43b/DSC07707.jpg
Стародеревенская 33 Санкт-Петербург, Стародеревенская ул., д. 33 +79675138031 https://olacenters.com/upload/iblock/a18/img_28581.jpg
2-я Советская 25 Санкт-Петербург, 2-я Советская ул., 25А (812) 717-00-01 https://olacenters.com/upload/iblock/e37/photo_2022_11_30-08.43.07.jpeg
Бухарестская 96 Санкт-Петербург, Бухарестская улица, дом 96 (812) 361-57-37 https://olacenters.com/upload/iblock/c3c/889A3576.jpg
Российский 8 Санкт-Петербург, Российский проспект, дом 8 (812) 401-05-05 https://olacenters.com/upload/iblock/55e/889A4240.jpg
Вербная 10 Санкт-Петербург, Вербная улица, дом 10 (812) 601-17-97 https://olacenters.com/upload/iblock/9f9/889A9609.jpg
Непокоренных 10 Санкт-Петербург, Проспект Непокорённых, дом 10, корпус 1 (812) 605-31-05 https://olacenters.com/upload/iblock/336/IMG_0744.JPG
Парфеновская 14к1 Санкт-Петербург, 196084, Санкт-Петербург, Парфеновская улица 14 к.1 скоро открытие https://olacenters.com
Обратный звонок