PrestaShop — свой интернет магазин с нуля

PrestaShop / Web

Мне захотелось создать свой интернет-магазин с помощью CMS PrestaShop. По умолчанию эта платформа немного корявая в плане использования, но это можно немного поправить. Я не являюсь разработчиком, и мои знания PrestaShop колеблются между обычным пользователем и желанием поковыряться в коде. Также все должно быть бесплатно, то есть платим за домен и хостинг, не больше.
Я буду описывать все шаги которые я выполнил для создания магазина. Тема по умолчанию: Classic
Если интересно, вот ссылка на магазин https://andalou.space

Сначала необходимо установить CMS с оф.сайта https://www.prestashop.com/en. В качестве хостинга выбрал https://www.ukraine.com.ua
Если во время установки выбрать русский язык, получим ошибку. Потому лучше всего устанавливать на английском языке, а затем перевести на русский.

  1. Первый модуль который необходимо немного поправить Customer Reassurance. Изменим значки на более крупные

Открываем файл /modules/blockreassurance/views/dist/front.css. Строка 37. Нас интересуют параметры height:75px и width:65px, 

.blockreassurance_product .item-product {
    display: inline-block;
    height: 75px;
    float: left;
    margin-right: 10px;
    padding-top: 5px;
    width: 65px; }

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

Редактируем файл /themes/classic/assets/css/theme.css. Находим параметр text-transform:capitalize, заменяем его на text-transform:none.

3. По умолчанию корзина в PrestaShop ужасна, от покупателя требуют пройти шаги в которых нужно ввести кучу информации. Исправим это.
Используем модуль корзины The checkout, скачать можно по ссылке https://prowebber.ru/prestashop/prestashop-modules/27907-modul-the-checkout-v329.html
Перечень настроек модуля

4. Отобразить свою надпись в шапке сайта
Открываем
/themes/classic/templates/_partials/header.tpl
В нем ищем
{hook h='displayNav1'}
Если нужно комментируем 

<!-- {hook h='displayNav1'}-->

Перед ним вставляем
<div class="headphone"><br>(044) 537-02-22</div>

5. Убрать надпись © 2021 — ПО электронной коммерции от PrestaShop™ в футере.
Открываем
/themes/classic/templates/partials/footer.tpl
Комментируем строки

<!-- <a class="_blank" href="https://www.prestashop.com" target="_blank" rel="nofollow">
             {l s='%copyright% %year% - Ecommerce software by %prestashop%' sprintf=['%prestashop%' => 'PrestaShop™', '%year%' => 'Y'|date, '%copyright%' => '©'] d='Shop.Theme.Global'} -->


6. Перенаправление с одной старицы на другую. В файле .htaccess добавить строку ниже. Добавлять после RewriteEngine on
Redirect 301 /stores /content/kontakty
Где /stores — страница которую перенаправляем
/content/kontakty — страница куда перенаправляем

Back to Top