Magento registrar para a conta no check-out

8

Alguém sabe se é possível mover a etapa de registro do cliente para o check-out, como no check-out original do Magento 1? Procurando uma extensão que faça isso por mim ou conselhos sobre como eu poderia conseguir isso.

Jason
fonte
Você pode adicionar etapas para a finalização da compra seguindo aqui: devdocs.magento.com/guides/v2.0/howdoi/checkout/…
harri
Depois de finalizar a compra, o magento também oferece a opção de criar uma conta a partir dos detalhes fornecidos durante a finalização da compra na página de sucesso.
harri
@harri Eu sei que é assim que funciona, mas temos um cliente que deseja que o registro ocorra ao mesmo tempo que o pedido.
28417 Jason
@ Jason Você conseguiu alguma solução para isso?
Rohit Kundale 26/03
Verifique aqui github.com/danslo/CleanCheckout
Sohel Rana

Respostas:

1

Gostaria de criar uma etapa no checkout para detectar o clima em que você está conectado e, em seguida, mostra o formulário de acordo.

Carregue o formulário de registro nesta etapa no ajax e modifique o evento after register , detectando se o registro foi feito, o checkout foi redirecionado de volta ao checkout em vez do painel.

Cheguei ao ponto de adicionar uma etapa de trabalho que mostra quando não estiver conectado ao registro e redirecionar o sucesso do registro de volta para o checkout, desativando a etapa anterior para uma experiência agradável do usuário.

Oferecer uma opção de login se o usuário tiver uma conta, mas ainda não tiver efetuado login nesse estágio, melhorará ainda mais aqui.

Este é um código completo, se você deseja verificar tudo, havia muito a incluir na resposta:

https://github.com/harrigo/RegisterCheckout

Crie um formulário de registro no controlador:

Como as etapas de checkout precisam phpser executadas para obter o URL e a chave do formulário, etc, será necessário um controlador para que possamos carregar esse formulário de registro através do ajax na etapa.

<?php
namespace Harrigo\RegisterCheckout\Controller\Index;

use Magento\Framework\Controller\ResultFactory;

class Register extends \Magento\Framework\App\Action\Action
{
    protected $resultPageFactory;

    /**
     * Constructor
     * 
     * @param \Magento\Framework\App\Action\Context  $context
     * @param \Magento\Framework\View\Result\PageFactory $resultPageFactory
     */
    public function __construct(
        \Magento\Framework\App\Action\Context $context,
        \Magento\Framework\View\Result\PageFactory $resultPageFactory
    )
    {
        $this->resultPageFactory = $resultPageFactory;
        $this->_resultFactory = $context->getResultFactory();
        parent::__construct($context);
    }

    /**
     * Execute view action
     * 
     * @return \Magento\Framework\Controller\ResultInterface
     */
    public function execute()
    {
        //if (isset($_POST["cart"])) {
            $resultLayout = $this->resultFactory->create(ResultFactory::TYPE_LAYOUT);
            return $resultLayout;   
        //}
        //$this->_redirect('checkout/');

    }
}

Controller / Index / Register.php

O abaixo renderiza os blocos de registro no controlador para que possamos chamar o ajax no checkout.

<?xml version="1.0"?>
<layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/layout_generic.xsd">
  <container name="root" label="Root">
            <block class="Magento\Framework\View\Element\Js\Components" name="customer_account_create_head_components" template="Magento_Customer::js/components.phtml"/>
            <block class="Magento\Customer\Block\Form\Register" name="customer_form_register" template="Harrigo_RegisterCheckout::register.phtml">
                <container name="form.additional.info" as="form_additional_info"/>
                <container name="customer.form.register.fields.before" as="form_fields_before" label="Form Fields Before" htmlTag="div" htmlClass="customer-form-before"/>
            </block>
            <block class="Magento\Cookie\Block\RequireCookie" name="require-cookie" template="Magento_Cookie::require_cookie.phtml">
                <arguments>
                    <argument name="triggers" xsi:type="array">
                        <item name="registerSubmitButton" xsi:type="string">.action.submit</item>
                    </argument>
                </arguments>
            </block>
            <block class="Magento\Framework\View\Element\Template" name="form_additional_info_customer" template="Magento_Customer::additionalinfocustomer.phtml"/>
  </container>
</layout>

/view/frontend/layout/harrigoregister_index_register.xml

Certifique-se de adicionar routes.xml na pasta etc / frontend do módulo.

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../../lib/internal/Magento/Framework/App/etc/routes.xsd">
    <router id="standard">
        <route id="harrigoregister" frontName="harrigoregister">
            <module name="Harrigo_RegisterCheckout" />
        </route>
    </router>
</config>

Crie uma etapa de checkout:

http://devdocs.magento.com/guides/v2.0/howdoi/checkout/checkout_new_step.html

Como esta é a primeira etapa, certifique-se de adicionar os mixins, como fiz no módulo, pois os devdocs estão incorretos aqui, levando a cada etapa exibida:

<!--The 'step_code' value from the .js file should be used-->
<li id="registerstep" data-bind="fadeVisible: isVisible">
<div class="step-title" data-bind="i18n: 'Register'" data-role="title"></div>
    <div id="checkout-step-title"
         class="step-content"
         data-role="content">
        <form data-bind="submit: navigateToNextStep" novalidate="novalidate">
            <div class="actions-toolbar" id="shipping-method-buttons-container">
                <div class="primary">
                    <button data-role="opc-continue" type="submit" class="button action continue primary">
                        <span><!-- ko i18n: 'Continue as guest'--><!-- /ko --></span>
                    </button>
                </div>
            </div>
        </form>
    </div>  
    <div id="registerblock"></div>
</li>

Isso estava falhando se o bloco não havia sido carregado antes da chamada do ajax, mas acabou sendo usado algo como esse para obter nosso formulário de registro do controlador e cuspi-lo na etapa:

//waits for elements to load in checkout
function waitForElement(elementPath, callBack){
  window.setTimeout(function(){
    if($(elementPath).length){
      callBack(elementPath, $(elementPath));
    }else{
      waitForElement(elementPath, callBack);
    }
  },500)
}

//get crosssell products / newsletter
$.ajax({
  url: "/harrigoregister/index/register",
  type: "post",
  data: { 
    cart: "yes"
  },
  success: function(response) {
    waitForElement("#registerblock",function(){
                $("#registerblock").html(response);
        });
  },
  error: function(xhr) {
  }
});

Existem muito mais etapas aqui, basta seguir os devdocs, certificando-se de executar a etapa mixin, mas use abaixo para mixin, pois o exemplo devdocs não funciona:

define(
    [
        'ko',
        'Magento_Customer/js/model/customer'
    ], function (ko, customer) {
        'use strict';

        var mixin = {

            initialize: function () {
                if(!customer.isLoggedIn()) {
                    this.isVisible = ko.observable(false);
                    this.visible = ko.observable(false); // set visible to be initially false to have your step show first
                }
                    this._super();

                return this;
            }
        };

        return function (target) {
            return target.extend(mixin);
        };
    }
);

As principais diferenças foram as etapas de pagamento e envio que usam isVisible e Visible e os devdocs usam apenas visível no exemplo, portanto isVisible precisava ser adicionado para corrigir. Também teve que fazer ajustes para se a etapa foi desativada.

Modificar redirecionamento de registro:

Magento 2 - Redirecione o usuário para uma página específica após o registro

<?php

namespace Harrigo\RegisterCheckout\Plugin;

use Magento\Framework\Controller\ResultFactory;
use Magento\Framework\Registry;
use Magento\Framework\UrlInterface;

class Redirect
{
    protected $coreRegistry;

    protected $url;

    protected $resultFactory;


    public function __construct(Registry $registry, UrlInterface $url, ResultFactory $resultFactory)
    {
        $this->coreRegistry = $registry;
        $this->url = $url;
        $this->resultFactory = $resultFactory;
    }

    public function aroundGetRedirect ($subject, \Closure $proceed)
    {
        //need to check out if registration was from checkouit
        /** @var \Magento\Framework\Controller\Result\Redirect $result */

        if ($_POST['checkout'] = 'true') {
            $result = $this->resultFactory->create(ResultFactory::TYPE_REDIRECT);
            $result->setUrl($this->url->getUrl('checkout'));
            return $result;
        }

        return $proceed();
    }
}

Exemplo aproximado, mas também foi necessário substituir o register.phtml para adicionar a variável de checkout post para determinar a diferença entre os 2 formulários. Lá onde muitas etapas eu não mostrei, mas verifique o módulo que criei para obter um exemplo completo.

harri
fonte