One-Page Checkout [Support Thread]

[richard7315]

Hi Lat9
I have been testing the latest version of OPC with Zen Cart 2.1.0 and have noticed a couple of minor issues with the CSS.

1) On mobile devices the shipping method column is displaying approximately half the width it should be.

2) The whole checkout is a bit too close to the left edge of the screen. Line 43 of the responsive classic stylesheet.css should apply padding:0.8em to .centerColumn – for some reason when OPC is turned on the padding is not applied.

Please see the screenshots which show both issues.

I’m unsure which version of OPC or Zen Cart introduced these minor bugs – they don’t seem to be present on an older version (2.3.9 running on ZC 1.5.7c).

It would be much appreciated if you could advise best way to fix these issues.
Many thanks
Richard

[lat9]

Thanks for the report, I'll give that a look ... eventually.

Note that the majority of my testing with OPC is with the Bootstrap template, so some of these visual wonky bits with responsive_classic have been overlooked.

[nicksab]

hello all,

How can make the "Confirm Order" button bigger?

I look into the css stylesheet but for ZC2.0.1 , everything is completely different from what I am used too.

I also find this in /templates/tpl_modules_opc_submit_block

 <span id="opc-order-confirm"><?php echo zen_image_button(BUTTON_IMAGE_CHECKOUT_ONE_CONFIRM, BUTTON_CHECKOUT_ONE_CONFIRM_ALT); ?></span>

but I have not idea how to inline css to it.

Any help would be appreciated

Thank you

[lat9]

While the actual CSS used will depend on the active template for the site, but there should be a checkout_one.css file present in includes/templates/royal_fleur/css.

To the bottom of that stylesheet, you can add:

#opc-order-confirm btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}

That, essentially, emulates Bootstrap's btn-lg class. See the w3schools docs for additional information: https://www.w3schools.com/bootstrap4...ap_buttons.asp

[nicksab]

While the actual CSS used will depend on the active template for the site, but there should be a checkout_one.css file present in includes/templates/royal_fleur/css.

To the bottom of that stylesheet, you can add:

#opc-order-confirm btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}

That, essentially, emulates Bootstrap's btn-lg class. See the w3schools docs for additional information: https://www.w3schools.com/bootstrap4...ap_buttons.asp

It didn't work for me. i am on bootstrap template as well.

Somehow I am having issues with the site specific stylesheet.

i ended up adding

margin-bottom:20px;
font-size:1.5rem;

to line 457 of stylesheets_zca_color.php right after

button.button_confirm_order {

[dwj_shotgun]

Hi, is possible to stop the account being created for 'Guest' with the two entries in the address book, here's what's up. I have an existing store with One Page Checkout installed and the Guest entry is already in the customers table. To upgrade I have a test site with the latest 2.1.0 on the responsive_classic template with One Page Checkout installed. When I empty the customers table, customers info table and address_book table from the test site, then import the tables from the existing active store with the Guest account info in all three tables it creates a new Guest account leaving two Guest accounts, 4 entries in the address book and 2 in the customer info tables having all the same data, except the user id of course. Should I delete the old entry in all three tables so I don't have a conflict later in life, not worry? Thanks

[lat9]

You're taking a non-standard approach to your upgrade that led to this issue. See these docs for the suggested method: https://docs.zen-cart.com/user/upgra...ing-approaches

One-page checkout's admin initialization script checks to make sure that the customer- and address-id values that it has stored to point to the guest-checkout records are still intact and re-creates them if not ... that's what's happened on your test site.

You can safely remove the older guest-customer record and the address-book records associated with that now-defunct customer record.

[jimmie]

zen 210 and php8.0 with many mods and im getting this error every time i click a payment or shipping method, and page does not refresh with either selection,
shipping

[22-Dec-2024 20:10:55 America/New_York] Request URI: /ajax.php?act=ajaxOnePageCheckout&method=updateShippingSelection, IP address: 35.139.236.145
--> PHP Fatal error: Uncaught TypeError: count(): Argument #1 ($value) must be of type Countable|array, null given in /includes/classes/order_total.php:140
Stack trace:
#0 /includes/classes/ajax/zcAjaxOnePageCheckout.php(428): order_total->output()
#1 /includes/classes/ajax/zcAjaxOnePageCheckout.php(92): zcAjaxOnePageCheckout->createOrderTotalHtml()
#2 /ajax.php(77): zcAjaxOnePageCheckout->updateShippingSelection()
#3 {main}
thrown in /includes/classes/order_total.php on line 140.

[22-Dec-2024 20:10:55 America/New_York] Request URI: /ajax.php?act=ajaxOnePageCheckout&method=updateShippingSelection, IP address: 35.139.236.145
--> PHP Fatal error: Uncaught TypeError: count(): Argument #1 ($value) must be of type Countable|array, null given in /includes/classes/order_total.php:140
Stack trace:
#0 /includes/classes/ajax/zcAjaxOnePageCheckout.php(428): order_total->output()
#1 /includes/classes/ajax/zcAjaxOnePageCheckout.php(92): zcAjaxOnePageCheckout->createOrderTotalHtml()
#2 /ajax.php(77): zcAjaxOnePageCheckout->updateShippingSelection()
#3 {main}
thrown in /includes/classes/order_total.php on line 140.

payment

[22-Dec-2024 20:13:18 America/New_York] Request URI: /ajax.php?act=ajaxOnePageCheckout&method=updatePaymentMethod, IP address: 35.139.236.145
--> PHP Fatal error: Uncaught TypeError: count(): Argument #1 ($value) must be of type Countable|array, null given in /includes/classes/order_total.php:140
Stack trace:
#0 /includes/classes/ajax/zcAjaxOnePageCheckout.php(428): order_total->output()
#1 /includes/classes/ajax/zcAjaxOnePageCheckout.php(369): zcAjaxOnePageCheckout->createOrderTotalHtml()
#2 /ajax.php(77): zcAjaxOnePageCheckout->updatePaymentMethod()
#3 {main}
thrown in /includes/classes/order_total.php on line 140.

[22-Dec-2024 20:13:18 America/New_York] Request URI: /ajax.php?act=ajaxOnePageCheckout&method=updatePaymentMethod, IP address: 35.139.236.145
--> PHP Fatal error: Uncaught TypeError: count(): Argument #1 ($value) must be of type Countable|array, null given in /includes/classes/order_total.php:140
Stack trace:
#0 /includes/classes/ajax/zcAjaxOnePageCheckout.php(428): order_total->output()
#1 /includes/classes/ajax/zcAjaxOnePageCheckout.php(369): zcAjaxOnePageCheckout->createOrderTotalHtml()
#2 /ajax.php(77): zcAjaxOnePageCheckout->updatePaymentMethod()
#3 {main}
thrown in /includes/classes/order_total.php on line 140.

[lat9]

You don't indicate what version of OPC is in use, nor do you identify within those many mods what additional order-total and/or payment modules are in use. Please supply that missing information.

I'll suggest also, for debugging, to try disabling OPC to see if the built-in 3-page checkout operates correctly.

[DML73]

ZC 2.1.0, OPC 2.5.4, Bootstrap 3.7.4.

I don't see an Guest Checkout option on the index.php?main_page=login page, even its enabled in Admin. Does this need anything else enabled to show up?