Форма оформления заказа в OpenCart

Форма оформления заказа

OpenCart — бесплатная CMS для интернет-магазина. Написан на PHP. Хороший и достаточно мощный, но есть некоторые нюансы.

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

Форма оформления заказа
pandpstock001 / Shutterstock.com

Поэтому знатоки OpenCart решили упростить форму, сделав ее на одной странице. Но, в любом случае, чтобы довести ее до совершенства, придется вносить число ещё много мелких правок: поправить ширину полей, сделать лаконичные подписи и так далее.

Итак, приступим.

Как сделать ширину полей поуже

Всё что касается внешнего вида формы — лучше всего прописывать в CSS. По сути, весь шаблон верстается с помощью CSS. HTML — это основа, а CSS задпёт расположение и наводит декор. Если вы в этом не совсем разбираетесь, советую прочесть руководство о том как создать сайт.

В каком файле менять названия лейблов

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

Часть фраз находится в quickcheckout.php, часть — в способах доставки и оплаты. На одном сайте у меня было настроено 3 способа доставки, их имена можно легко увидеть в инспекторе кода (в именах или ID радиобатонов). Если Вы занимаетесь вёрсткой, то проблем с этим не будет. Два из них — courier_russia и courier_ua, переименованые в «Доставка почтой РФ» и «Доставка за МКАД».

Если будете их переименовывать, очень желательно одновременно менять названия и в админке в соответствующих этому модулю файлах — иначе потом просто запутаетесь (допустим, на сайте переименовали в «Доставку по РФ», а в админке найти её не можете, потому что там она осталась «Доставкой по России» или «Курьерской доставкой по Украине»).

Где менять названия полей

Все тексты, которые видны на экране, содержатся в языковых файлах (папки catalog/language/{russian, english}/*, admin/language/{russian, english}/*).
Там их надо искать и менять.

Рекомендуем прочесть  В Вордпресс не работает кнопка добавить файл и многое другое

Например, на сайте было так

Способ доставки*

  1. Доставка почтой (см. тарифы)
  2. Курьерская доставка по Москве (150 руб.)
  3. Курьерская доставка за МКАД (цена договорная)

Языковые файлы:

  • catalog/language/russian/shipping/courier_russia.php
  • catalog/language/russian/shipping/flat.php
  • catalog/language/russian/shipping/courier_ua.php

Правая часть с ценами или текстом — частично в тех же файлах, частично в
catalog/model/shipping/ (файлы одноименные, см. выше). Здесь меняются цены или текст вместо цены, которые будут отображаться в общей таблице при подсчете суммы.

Это, конечно я написал больше для себя, чтобы потом не забыть. Но если вы хотите во всем сами разобраться, то надо начинать с нуля. С создания самого простого сайта. Причем не нужно пытаться охватить все сразу и понять все премудрости сайтостроения в деталях, а самостоятельно начинать делать сайт. Тогда в процессе разработки у вас будут появляться вопросы и вы по кирпичикам будете строить свой первый сайт.

Понравилась статья? Поделиться с друзьями:
Комментариев: 3
  1. Andrews32

    Автор, на этой странице хотел найти информацию не как переименовать поля, а как уменьшить их количество, чтобы остались только «Имя*, телефон*, email».

  2. Марк

    Не получается вернуть старую форму заказа. Поставил упрощенную версию, а сейчас появилась потребность в полноценной форме заказа, как вернуть её обратно, не могу вспомнить… достаточно ли будет изменить файл на исходный или нет?

    1. FORTRESS-DESIGN (автор)

      Марк, сделайте копию всего сайта и базы данных. И тогда попробуйте заменить на исходный файл.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Перейти к верхней панели