2019年3月23日 / 最終更新日時 : 2019年3月25日あずみ EC-CUBE

【EC-CUBE4】ゲスト購入後に会員登録できるフォームを用意する

1 ゲスト購入後に会員登録するFormTypeを用意
2 会員登録テンプレートを用意
3 ゲスト購入完了画面で会員登録できるイベントを用意

EC-CUBE4でゲスト購入したユーザーに会員登録を促すフォームを用意する方法です。

今回のコードはサンプルです。本番で使用する際は自己責任でお願いします。

ゲスト購入後に会員登録するFormTypeを用意

ゲスト購入完了ページにはパスワードを除く必要な会員情報が受注データに保持されているので、今回はパスワードを登録してもらうフォームを用意します。

下記のコードをapp/Customize/Form/Type/NonMemberRegisterType.phpに設置して下さい。

<?php

/*
 * Copyright (C) 2019 Akira Kurozumi <info@a-zumi.net>.
 *
 * This library is free software; you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation; either
 * version 2.1 of the License, or (at your option) any later version.
 *
 * This library is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 * Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public
 * License along with this library; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston,
 * MA 02110-1301  USA
 */

namespace Customize\Form\Type;

use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilderInterface;
use Symfony\Component\OptionsResolver\OptionsResolver;
use Symfony\Component\Form\Extension\Core\Type\HiddenType;
use Symfony\Component\Form\Extension\Core\Type\SubmitType;
use Eccube\Form\Type\RepeatedPasswordType;
use Eccube\Entity\Order;

/**
 * @author Akira Kurozumi <info@a-zumi.net>
 */
class NonMemberRegisterType extends AbstractType{

    /**
     * {@inheritdoc}
     */
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $Order = $options["Order"];
        
        $builder
                ->add('password', RepeatedPasswordType::class)
                ->add('order_id', HiddenType::class, [
                   "data" => $Order->getId() 
                ])
                ->add('button', SubmitType::class, [
                    "label" => "会員登録する"
                ])
        ;
    }
    
    /**
     * {@inheritdoc}
     */
    public function configureOptions(OptionsResolver $resolver)
    {
        // Orderエンティティをオプションに追加するのを必須にする
        $resolver
                ->setRequired("Order")
                ->setAllowedTypes("Order", Order::class);
    }
}

<?php

* This library is free software; you can redistribute it and/or

* modify it under the terms of the GNU Lesser General Public

* License as published by the Free Software Foundation; either

* version 2.1 of the License, or (at your option) any later version.

* This library is distributed in the hope that it will be useful,

* but WITHOUT ANY WARRANTY; without even the implied warranty of

* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU

* Lesser General Public License for more details.

* You should have received a copy of the GNU Lesser General Public

* License along with this library; if not, write to the Free Software

* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston,

* MA 02110-1301 USA

namespace Customize\Form\Type;

use Symfony\Component\Form\AbstractType;

use Symfony\Component\Form\FormBuilderInterface;

use Symfony\Component\OptionsResolver\OptionsResolver;

use Symfony\Component\Form\Extension\Core\Type\HiddenType;

use Symfony\Component\Form\Extension\Core\Type\SubmitType;

use Eccube\Form\Type\RepeatedPasswordType;

use Eccube\Entity\Order;

/**

* @author Akira Kurozumi <info@a-zumi.net>

class NonMemberRegisterType extends AbstractType{

/**

* {@inheritdoc}

public function buildForm(FormBuilderInterface $builder, array $options)

{

$Order = $options["Order"];

$builder

->add('password', RepeatedPasswordType::class)

->add('order_id', HiddenType::class, [

"data" => $Order->getId()

])

->add('button', SubmitType::class, [

"label" => "会員登録する"

])

;

}

/**

* {@inheritdoc}

public function configureOptions(OptionsResolver $resolver)

{

// Orderエンティティをオプションに追加するのを必須にする

$resolver

->setRequired("Order")

->setAllowedTypes("Order", Order::class);

}

会員登録テンプレートを用意

購入完了画面にパスワード入力フォームを追加するテンプレートを用意します。

下記のテンプレートをapp/template/default/Shopping/complte.register.twigに設置して下さい。

{#
This file is part of EC-CUBE

Copyright(c) LOCKON CO.,LTD. All Rights Reserved.

http://www.lockon.co.jp/

For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
{% extends 'default_frame.twig' %}

{% set body_class = 'cart_page' %}

{% block main %}
<div class="ec-role">
    <div class="ec-pageHeader">
        <h1>{{ 'front.shopping.complete_title'|trans }}</h1>
    </div>
</div>

<div class="ec-cartRole">
    <div class="ec-cartRole__progress">
        <ul class="ec-progress">
            {% set step = 1 %}
            <li class="ec-progress__item">
                <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
                </div>
                <div class="ec-progress__label">{{ 'front.cart.nav__cart_items'|trans }}
                </div>
            </li>
            {% if is_granted('ROLE_USER') == false %}
                <li class="ec-progress__item">
                    <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
                    </div>
                    <div class="ec-progress__label">{{ 'front.cart.nav__customer_info'|trans }}
                    </div>
                </li>
            {% endif %}
            <li class="ec-progress__item">
                <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
                </div>
                <div class="ec-progress__label">{{ 'front.cart.nav__order'|trans }}
                </div>
            </li>
            <li class="ec-progress__item">
                <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
                </div>
                <div class="ec-progress__label">{{ 'front.cart.nav__confirm'|trans }}
                </div>
            </li>
            <li class="ec-progress__item  is-complete">
                <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
                </div>
                <div class="ec-progress__label">{{ 'front.cart.nav__complete'|trans }}
                </div>
            </li>
        </ul>
    </div>
</div>

<div class="ec-cartCompleteRole">
    <div class="ec-off3Grid ec-text-ac">
        <div class="ec-off3Grid__cell">
            <div class="ec-reportHeading">
                <h2>{{ 'front.shopping.complete_message__title'|trans }}</h2>
            </div>
            <p class="ec-reportDescription">
                {{ 'front.shopping.complete_message__body'|trans|nl2br }}
                {% if Order.id %}
                    <br /><br /><strong>{{ 'front.shopping.order_no'|trans }} : {{ Order.orderNo }}</strong>
                {% endif %}
            </p>

            {% if Order.complete_message is not empty %}
                {{ Order.complete_message|raw }}
            {% endif %}

            <div class="ec-off4Grid">
                {% if hasNextCart %}
                    <div class="ec-off4Grid__cell"><a class="ec-blockBtn--primary" href="{{ url('cart') }}">{{ 'front.shopping.continue'|trans }}</a></div>
                {% else %}
                    <div class="ec-off4Grid__cell"><a class="ec-blockBtn--cancel" href="{{ url('homepage') }}">{{ 'common.go_to_top'|trans }}</a></div>
                {% endif %}
            </div>
        </div>
    </div>
</div>
      
<div class="ec-cartCompleteRole">
    <div class="ec-off3Grid ec-text-ac">
        <div class="ec-off3Grid__cell">
            <div class="ec-reportHeading">
                <h2>会員登録をしませんか？</h2>
            </div>
            <p class="ec-reportDescription">
                只今ご入力いただいた情報をもとに会員登録ができます。<br />
            <br />
            会員登録をすれば、次回以降のお買い物時にフォーム入力を省略できます。<br />
            <br />
            会員登録をご希望の場合は、以下フォームにご希望のパスワードを入力し、<br />
            「会員登録する」ボタンを押してください。<br />
            <br />
            その後ご注文時にご入力いただきましたメールアドレスに<br />
            仮会員登録のメールが送信されますので、<br />
            届いたメールに従って本登録をお願いいたします。</p>
            {{ form_start(form) }}
            <dl>
                <dl>
                    <dt>
                        {{ form_label(form.password, 'common.password', { 'label_attr': {'class': 'ec-label' }}) }}
                    </dt>
                    <dd>
                        <div class="ec-input{{ has_errors(form.password.first) ? ' error' }}">
                            {{ form_widget(form.password.first, {
                                'attr': { 'placeholder': 'common.password_sample'|trans({ '%min%': eccube_config.eccube_password_min_len, '%max%': eccube_config.eccube_password_max_len }) },
                                'type': 'password'
                            }) }}
                            {{ form_errors(form.password.first) }}
                        </div>
                        <div class="ec-input{{ has_errors(form.password.second) ? ' error' }}">
                            {{ form_widget(form.password.second, {
                                'attr': { 'placeholder': 'common.repeated_confirm'|trans },
                                'type': 'password'
                            }) }}
                            {{ form_errors(form.password.second) }}
                        </div>
                    </dd>
                </dl>
            </dl>
            {{ form_end(form) }}
        </div>
    </div>
</div>

{% endblock %}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

This file is part of EC-CUBE

http://www.lockon.co.jp/

For the full copyright and license information, please view the LICENSE

file that was distributed with this source code.

{% extends 'default_frame.twig' %}

{% set body_class = 'cart_page' %}

{% block main %}

<h1>{{ 'front.shopping.complete_title'|trans }}</h1>

</div>

{% set step = 1 %}