♛ FORTRESS-DESIGN

Форма оформления заказа в 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/model/shipping/ (файлы одноименные, см. выше). Здесь меняются цены или текст вместо цены, которые будут отображаться в общей таблице при подсчете суммы.

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


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