Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Setup wizard: Style shipping unit selection

This commit is contained in:
Valerie 2017-09-21 00:27:19 +03:00 committed by Jeff Stieler
parent 43949c2b74
commit 18deb4dc2e
2 changed files with 50 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
assets/css/wc-setup.scss
View File

@ -594,7 +594,7 @@ body {
display: none; display: none;
} }
// Shipping // Shipping list of services
.wc-wizard-services.shipping { .wc-wizard-services.shipping {
.wc-wizard-service-name { .wc-wizard-service-name {
@ -634,6 +634,17 @@ body {
font-size: 0.92em; font-size: 0.92em;
} }
} }
.wc-setup-shipping-units {
p {
line-height: 1.5em;
font-size: 14px;
margin-bottom: 0.25em;
}
.wc-setup-shipping-unit {
margin-bottom: 1.75em
}
}
.hide { .hide {
display: none; display: none;

56
includes/admin/class-wc-admin-setup-wizard.php
View File

@ -728,24 +728,44 @@ class WC_Admin_Setup_Wizard {
</li> </li>
</ul> </ul>
<div> <div class="wc-setup-shipping-units">
<label for="weight_unit"><?php esc_html_e( 'Weight unit—used to calculate shipping rates, and more.', 'woocommerce' ); ?></label> <div class="wc-setup-shipping-unit">
<select id="weight_unit" name="weight_unit" class="wc-enhanced-select" style="width:100%"> <p>
<option value="kg" <?php selected( $weight_unit, 'kg' ); ?>><?php esc_html_e( 'kg', 'woocommerce' ); ?></option> <label for="weight_unit">
<option value="g" <?php selected( $weight_unit, 'g' ); ?>><?php esc_html_e( 'g', 'woocommerce' ); ?></option> <?php
<option value="lbs" <?php selected( $weight_unit, 'lbs' ); ?>><?php esc_html_e( 'lbs', 'woocommerce' ); ?></option> printf( wp_kses(
<option value="oz" <?php selected( $weight_unit, 'oz' ); ?>><?php esc_html_e( 'oz', 'woocommerce' ); ?></option> __( '<strong>Weight unit</strong>—used to calculate shipping rates, and more.', 'woocommerce' ),
</select> array( 'strong' => array() )
</div> ) );
<div> ?>
<label for="dimension_unit"><?php esc_html_e( 'Dimension unit—helps for accurate package selection.', 'woocommerce' ); ?></label> </label>
<select id="dimension_unit" name="dimension_unit" class="wc-enhanced-select" style="width:100%"> </p>
<option value="m" <?php selected( $dimension_unit, 'm' ); ?>><?php esc_html_e( 'm', 'woocommerce' ); ?></option> <select id="weight_unit" name="weight_unit" class="wc-enhanced-select" style="width:100%">
<option value="cm" <?php selected( $dimension_unit, 'cm' ); ?>><?php esc_html_e( 'cm', 'woocommerce' ); ?></option> <option value="kg" <?php selected( $weight_unit, 'kg' ); ?>><?php esc_html_e( 'kg', 'woocommerce' ); ?></option>
<option value="mm" <?php selected( $dimension_unit, 'mm' ); ?>><?php esc_html_e( 'mm', 'woocommerce' ); ?></option> <option value="g" <?php selected( $weight_unit, 'g' ); ?>><?php esc_html_e( 'g', 'woocommerce' ); ?></option>
<option value="in" <?php selected( $dimension_unit, 'in' ); ?>><?php esc_html_e( 'in', 'woocommerce' ); ?></option> <option value="lbs" <?php selected( $weight_unit, 'lbs' ); ?>><?php esc_html_e( 'lbs', 'woocommerce' ); ?></option>
<option value="yd" <?php selected( $dimension_unit, 'yd' ); ?>><?php esc_html_e( 'yd', 'woocommerce' ); ?></option> <option value="oz" <?php selected( $weight_unit, 'oz' ); ?>><?php esc_html_e( 'oz', 'woocommerce' ); ?></option>
</select> </select>
</div>
<div class="wc-setup-shipping-unit">
<p>
<label for="dimension_unit">
<?php
printf( wp_kses(
__( '<strong>Dimension unit</strong>—helps for accurate package selection.', 'woocommerce' ),
array( 'strong' => array() )
) );
?>
</label>
</p>
<select id="dimension_unit" name="dimension_unit" class="wc-enhanced-select" style="width:100%">
<option value="m" <?php selected( $dimension_unit, 'm' ); ?>><?php esc_html_e( 'm', 'woocommerce' ); ?></option>
<option value="cm" <?php selected( $dimension_unit, 'cm' ); ?>><?php esc_html_e( 'cm', 'woocommerce' ); ?></option>
<option value="mm" <?php selected( $dimension_unit, 'mm' ); ?>><?php esc_html_e( 'mm', 'woocommerce' ); ?></option>
<option value="in" <?php selected( $dimension_unit, 'in' ); ?>><?php esc_html_e( 'in', 'woocommerce' ); ?></option>
<option value="yd" <?php selected( $dimension_unit, 'yd' ); ?>><?php esc_html_e( 'yd', 'woocommerce' ); ?></option>
</select>
</div>
</div> </div>
<p class="wc-setup-actions step"> <p class="wc-setup-actions step">