チェックアウト時にMagentoがアカウントに登録する

元のMagento 1チェックアウトのように、顧客登録ステップをチェックアウトに移動できるかどうか誰か知っていますか？私のためにこれを行う拡張機能、またはこれを達成する方法についてのアドバイスを探しています。

私は約行くとチェックアウトのステップを作成し、この検出は、あなたがログインしていると、その後のショーはそれに応じて形成乗り切ります。

ロード登録フォームを介して、このステップにアヤックスと後に変更レジスタ登録がチェックアウトまでチェックアウトのリダイレクトバックではなく、ダッシュボードなされたかどうかを検出するイベント。

登録のためにサインインしていない場合に表示する作業手順を追加し、登録の成功をチェックアウトにリダイレクトして、スムーズなユーザーエクスペリエンスのために前の手順を無効にしました。

ユーザーがアカウントを持っているが、この段階でログインしていない場合にログインオプションを提供すると、ここでさらに改善されます。

すべてをチェックしたい場合、これは完全なコードです。答えに含めるのは大変でした。

https://github.com/harrigo/RegisterCheckout

コントローラ内で登録フォームを作成します。

チェックアウトステップはphp、フォームのurlやキーなどを取得するために実行する必要があるため、このレジスタフォームをajax経由でステップにロードできるように、コントローラが必要になります。

<?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

以下はコントローラー内の登録ブロックをレンダリングするので、チェックアウトにajaxを呼び出すことができます。

<?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

モジュールのetc / frontendフォルダー内にroutes.xmlを必ず追加してください。

<?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>

チェックアウトステップを作成します。

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

これは最初のステップなので、モジュールで行ったのと同じようにミックスインを追加してください。devdocsはここでは正しくないため、すべてのステップが表示されます。

<!--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>

これは、ajax呼び出しの前にブロックがロードされていなかったが、コントローラーから登録フォームを取得してステップに吐き出すために、次のようなものを使用してしまった場合は失敗していました。

//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) {
  }
});

ここにはもっと多くのステップがあります。devdocsに従って、mixinステップを確実に実行してください。ただし、devdocsの例が機能しないため、mixinには以下を使用してください。

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);
        };
    }
);

主な違いは、支払いと配送の手順でisVisibleとVisibleを使用しており、devdocsは例の中でのみvisibleを使用しているため、修正するためにisVisibleを追加する必要があります。また、ステップが無効になっているかどうかを調整する必要がありました。

登録リダイレクトの変更：

Magento 2-登録後にユーザーを特定のページにリダイレクトします

<?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();
    }
}

大まかな例ですが、2つのフォームの違いを判別するために、checkout post変数を追加するためにregister.phtmlもオーバーライドする必要がありました。多くの手順は示しませんでしたが、完全な例として作成したモジュールを確認してください。