Убираем ненужные шаги при оформлении заказа на OpenCart

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

Начать стоит с того, что в стандартной настройке OpenCart, пользователь после того как отправляет товар в корзину и нажимает «Оформление заказа» сталкивается с 6 шагами оформления. В них легко можно запутаться, а многие покупатели просто могут передумать делать заказа и уйти к конкурентам, где все намного проще и быстрее. Кроме того, многие пользователи не любят и даже боятся разглашать в интернете свои личные данные.

Давайте посмотрим, как можно упростить форму заказа.

Заказ без регистрации


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

Для этого вам необходимо найти в файле catalog/view/theme/default/template/checkout/login.tpl следующие строки

<input type="radio" name="account" value="register" id="register" checked="checked"/> 
<?php } else { ?> 
<input type="radio" name="account" value="register" id="register" /> 
<?php } ?> 
<b><?php echo $text_register; ?></b></label> 
<br /> 
<?php if ($guest_checkout) { ?> 
<label for="guest"> 
<?php if ($account == 'guest') { ?> 
<input type="radio" name="account" value="guest" id="guest" checked="checked" /> 
<?php } else { ?> 
<input type="radio" name="account" value="guest" id="guest" />


и заменить их на

<input type="radio" name="account" value="register" id="register" /> 
<?php } else { ?> 
<input type="radio" name="account" value="register" id="register" /> 
<?php } ?> 
<b><?php echo $text_register; ?></b></label> 
<br /> 
<?php if ($guest_checkout) { ?> 
<label for="guest"> 
<?php if ($account == 'guest') { ?> 
<input type="radio" name="account" value="guest" id="guest" checked="checked" /> 
<?php } else { ?> 
<input type="radio" name="account" value="guest" id="guest" checked="checked" />


После обновления админки, вы увидите, что появилась кнопка «Оформить заказ без регистрации».

Моментальное оформление заказа


Еще один вариант упростить форму оформления заказа, сделать так, что покупатель нажимая на кнопку «Оформить заказ» моментально переходил к непосредственному вводу персональных данных.

Здесь все тоже достаточно просто. Для этого мы открываем все тот же файл catalog/view/theme/default/template/checkout/login.tpl и в начале добавляем скрипт:

<script language="Javascript" type="text/javascript">
 
 
$(document).ready(function(){ 
$('#button-account').trigger('click'); 
}); 
</script>


После этого движок будет игнорировать первый шаг оформления заказа и сразу подводить покупателя к вводу данных.

Теперь вам останется только убрать этот первый шаг их каскадной таблицы стилей. А для этого в файле \catalog\view\theme\default\stylesheet\stylesheet.css необходимо добавить строку:

#checkout { 
display:none; }


Заказ без способа и адреса доставки



Также, вы можете убрать из формы оформления заказа шаги 3 и 4, которые отвечают за адрес и способ доставки.

Для этого заходим в корневую папку сайта и в файле system/library/cart.php находим следующую строчку

public function hasShipping() {


и после нее добавляем код

return false;


В результате, ваш код должен иметь вид

public function hasShipping() { 
return false; 
$shipping = false;


После сохранения изменений, вы получите форму регистрации в которой отсутствуют 3 и 4 шаги.

Заказ без способа оплаты


Для того чтоб упростить форму, вы можете убрать из формы шаг с указанием вариантов оплаты. Это особенно важно для магазинов, в которых не предусмотрены несколько вариантов оплаты товаров, а есть только один.

Чтоб сделать это открываем файл catalog/view/theme/default/template/checkout/payment_method.tpl и в начале вставляем скрипт

<script language="Javascript" type="text/javascript"> 
$(document).ready(function(){ 
$('#button-payment-method').trigger('click'); 
}); 
</script>


Затем, в этом же файле находим строку

<input type="checkbox" name="agree" value="1"/>


и заменяем на

<input type="checkbox" name="agree" value="1" checked="checked" />


После сохранения переходим в таблицу стилей и в файле \catalog\view\theme\default\stylesheet\stylesheet.css убираем этот шаг:

#payment-method { 
display:none; 
}


В результате, если выполнить все указанные выше шаги в вашей форме оформление покупки останутся только шаги «Профиль» и «Платежная информация и Подтверждение заказ».

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