Курсы обучения
+7 (351) 777-80-70
2024.07.12

Как сделать страницу доставки как на демо сайте promcrm.ru - Линейка решений INTEC: Universe


1) Нужно скачать архив с Google Диск`а по ссылке КЛИК

2) Загрузить архив на сайт, и распаковать его. Поместить папку delivery можно куда угодно. 
  • если оставите папку в корне сайта, то изменять путь для css, js и фоновой картинки не нужно
  • если вы хотите поместить страницу О доставке в какой-нибудь раздел, например как у нас на демо-сайте /help/delivery, то папку delivery нужно поместить соответственно в папку help 
в этом случае Вам потребуется изменить путь для фонового изображения и для css и js.
В файле /delivery/index.php на 22 строке подключается изображение, в свойстве url Вам нужно указать свой путь до фонового изображения.



Аналогично нужно будет изменить еще два фоновых изображения на 122 строке и на 141.




Так же Вам потребуется изменить путь до js и css. 
Для этого в том же файле index.php нужно дописать путь было /delivery/style.css и /delivery/script.js стало /help/delivery/style.css и /help/delivery/script.js, где help раздел, куда Вы поместили delivery


3) Нужно создать Яндекс карту со своими зонами доставки, по этой инструкции: КЛИК

4) Получившийся iframe, при создании карты, нужно заменить в файле index.php 



5) Редактирование таблицы
Есть два варианта событий, сделать такую же динамическую станицу как у нас на демо или сделать статичную таблицу с помощью своих знаний html или с помощью онлайн-конструкторов.

   Первый вариант

Нужно отредактировать переменные:
DISTANCE - начальное значение для дистанции: 10км
DISTANCE_STEP - шаг, с которым будет увеличиваться дистанция 10км 20км 30км .... до 400км(дальше покажу, где изменить конечное значение)
PRICE_1 - цена 1 "Газель"
PRICE_2 - цена 2 "Газон"
PRICE_3 - цена 3 "Камаз"
PRICE_4 - цена 4 "Шаланда"



Далее чтобы заменить конечное значение дистанции доставки, нужно заменить число 400 на то, которое Вам подходит. Это нужно сделать два раза на 78 строке и на 97 строке.
Также тут Вам потребуется отредактировать стоимость доставки для каждого варианта доставки. 



Изменение цены для доставки повышенного приоритета.



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

Переходим в конструктор таблиц ссылка

Создаем таблицу.

Полученный html код нужно скопировать и вставить на сайт.
Вставить нужно так, чтобы полностью заменить тэг <table>....</table>



Наши решения