Files
thiet-ke-noi-that/wp-content/themes/flatsome/woocommerce/myaccount/form-login-lightbox-left-panel.php
nguyen dung 39b8cb3612 init
2022-02-18 16:43:41 +07:00

136 lines
5.4 KiB
PHP

<?php
/**
* Login Form - Lightbox Right Pane
*
* This template can be overridden by copying it to yourtheme/woocommerce/myaccount/form-login.php.
*
* HOWEVER, on occasion WooCommerce will need to update template files and you
* (the theme developer) will need to copy the new files to your theme to
* maintain compatibility. We try to do this as little as possible, but it does
* happen. When this occurs the version of the template file will be bumped and
* the readme will list any important changes.
*
* @see https://docs.woocommerce.com/document/template-structure/
* @package WooCommerce/Templates
* @version 4.1.0
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
$registration = 'yes' === get_option( 'woocommerce_enable_myaccount_registration' );
$panel_bg_color = get_theme_mod( 'account_login_lightbox_side_panel_bg_color', Flatsome_Default::COLOR_PRIMARY );
$panel_bg_image = get_theme_mod( 'account_login_lightbox_side_panel_bg_image' );
$panel_bg_overlay = get_theme_mod( 'account_login_lightbox_side_panel_bg_overlay' );
$css_panel_bg_args = array();
$css_panel_bg_overlay_args = array();
if ( $panel_bg_image ) {
$css_panel_bg_args[] = array(
'attribute' => 'background-image',
'value' => 'url(' . do_shortcode( $panel_bg_image ) . ')',
);
}
if ( $panel_bg_color ) {
$css_panel_bg_args[] = array(
'attribute' => 'background-color',
'value' => $panel_bg_color,
);
}
if ( $panel_bg_overlay ) {
$css_panel_bg_overlay_args[] = array(
'attribute' => 'background-color',
'value' => $panel_bg_overlay,
);
}
do_action( 'woocommerce_before_customer_login_form' ); ?>
<div class="account-container">
<?php if ( $registration ) : ?>
<div class="col2-set row row-collapse row-large" id="customer_login">
<?php if ( $block = get_theme_mod( 'account_login_lightbox_side_panel_block' ) ) : ?>
<div class="col-1 large-6 col">
<div class="account-register-inner">
<?php echo flatsome_apply_shortcode( 'block', array( 'id' => $block ) ); ?>
</div>
</div>
<?php else : // Default. ?>
<div class="col-1 large-6 col flex-row">
<?php if ( $panel_bg_image || $panel_bg_color ) : ?>
<div class="account-register-bg fill bg-fill" <?php echo get_shortcode_inline_css( $css_panel_bg_args ); ?>>
<?php if ( $panel_bg_overlay ) echo '<div class="account-register-bg-overlay fill"' . get_shortcode_inline_css( $css_panel_bg_overlay_args ) . '></div>'; ?>
</div>
<?php endif; ?>
<div class="account-register-inner relative flex-col flex-grow dark text-center">
<h3 class="uppercase"><?php esc_html_e( 'Register', 'woocommerce' ); ?></h3>
<p><?php esc_html_e( "Don't have an account? Register one!", 'flatsome' ); ?></p>
<a href="<?php echo esc_url( get_permalink( get_option( 'woocommerce_myaccount_page_id' ) ) ); ?>" class="button white is-outline"><?php esc_html_e( 'Register an Account', 'flatsome' ); ?></a>
</div>
</div>
<?php endif; ?>
<?php endif; ?>
<?php if ( $registration ) : ?>
<div class="col-2 large-6 col">
<?php endif; ?>
<div class="account-login-inner inner-padding">
<h3 class="uppercase"><?php esc_html_e( 'Login', 'woocommerce' ); ?></h3>
<form class="woocommerce-form woocommerce-form-login login" method="post">
<?php do_action( 'woocommerce_login_form_start' ); ?>
<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
<label for="username"><?php esc_html_e( 'Username or email address', 'woocommerce' ); ?>&nbsp;<span class="required">*</span></label>
<input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="username" id="username" autocomplete="username" value="<?php echo ( ! empty( $_POST['username'] ) ) ? esc_attr( wp_unslash( $_POST['username'] ) ) : ''; ?>" /><?php // @codingStandardsIgnoreLine ?>
</p>
<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
<label for="password"><?php esc_html_e( 'Password', 'woocommerce' ); ?>&nbsp;<span class="required">*</span></label>
<input class="woocommerce-Input woocommerce-Input--text input-text" type="password" name="password" id="password" autocomplete="current-password" />
</p>
<?php do_action( 'woocommerce_login_form' ); ?>
<p class="form-row">
<label class="woocommerce-form__label woocommerce-form__label-for-checkbox woocommerce-form-login__rememberme">
<input class="woocommerce-form__input woocommerce-form__input-checkbox" name="rememberme" type="checkbox" id="rememberme" value="forever" />
<span><?php esc_html_e( 'Remember me', 'woocommerce' ); ?></span>
</label>
<?php wp_nonce_field( 'woocommerce-login', 'woocommerce-login-nonce' ); ?>
<button type="submit" class="woocommerce-button button woocommerce-form-login__submit" name="login" value="<?php esc_attr_e( 'Log in', 'woocommerce' ); ?>"><?php esc_html_e( 'Log in', 'woocommerce' ); ?></button>
</p>
<p class="woocommerce-LostPassword lost_password">
<a href="<?php echo esc_url( wp_lostpassword_url() ); ?>"><?php esc_html_e( 'Lost your password?', 'woocommerce' ); ?></a>
</p>
<?php do_action( 'woocommerce_login_form_end' ); ?>
</form>
</div>
<?php if ( $registration ) : ?>
</div>
</div>
<?php endif; ?>
</div>
<?php do_action( 'woocommerce_after_customer_login_form' ); ?>