One-Page Checkout [Support Thread]

[dbltoe]

1.4.0 working great with the new Square update.

Did want to mention a couple of really minor adjustments we made. Neither of these is a correction of the operation of the mod as it is fine. Both are cosmetic changes that seem to work in one customer's situatiion.

We had Enable Shipping=Billing in Admin >> Configuration >> One-Page Checkout Settings set to true on one site as over 85% of the orders went to the billing address. When a shopper missed the opportunity to un-check the Shipping Address, Same as Billing?, we made an adjustment to two files.

We thought the check box and text would be more conspicuous by reversing their order and changing the font size/color.

First to font size/color, we added a line at the end of includes/templates/YOUR_TEMPLATE/checkout_one.css

#checkoutOneShippingFlag {font-size:1.25em;margin-left:0px;color:#8b0000;color:rgba(139,0,0,0.9);}

The font size gives it a little more visibility without doing a wrap when viewed on most cellphones. The zero pixel left margin removes the inherited 20px margin and can be adjusted to accommodate any cellphone in portrait. This puts all the control code in the checkout_one.css and eliminates having to split out the stylesheet.css to accomplish the same effect. The color is the same as this particular website's warning texts and would need to be adjusted to fit a particular site's theme.

Lastly, we took lines 79-81 of includes/templates/template_default/templates/tpl_checkout_one_default.php and changed it from

    <div id="checkoutOneShippingFlag" style="display: none;"><?php echo  zen_draw_checkbox_field ('shipping_billing', '1', $shipping_billing, 'id="shipping_billing"');?>      <label class="checkboxLabel" for="shipping_billing"><?php echo TEXT_USE_BILLING_FOR_SHIPPING; ?></label>
    </div>

to

    <div id="checkoutOneShippingFlag" style="display: none;">
      <label class="checkboxLabel" for="shipping_billing"><?php echo TEXT_USE_BILLING_FOR_SHIPPING; ?></label><?php echo  zen_draw_checkbox_field ('shipping_billing', '1', $shipping_billing, 'id="shipping_billing"');?>
    </div>

Adding to the checkout_one.css negates the display:none style hard-coded in the file.
Of course, all this does is swap the check box with the text but; it puts the check box nearer the "action", makes the text a little more noticable, and puts the controls in the mod's css.

Attachment 17232