Changing Shipping & Payment format on checkout

-- url of the page with the problem -- : showcarcustoms.com/fbs
-- HikaShop version -- : 2.2.2
-- Joomla version -- : 3.1
-- PHP version -- : 5.3
-- Browser(s) name and version -- : Firefox, Chrome
-- Error-message(debug-mod must be tuned on) -- N/A

This is a really dumb question. I'm new to Hikashop and have been building a site up for a while now. I wanted to see what my options where (other than radio buttons) for the Payment and Shipping selections on the checkout page. I changed them, stopped working on the site for a while and can't seem to find where and what I have to change to get it back to the radio buttons. I'm sure it's something simple sitting right in front of my face, but I just can't seem to find it!

Thanks.

Hi,

1. If you have done some modifications through the "Hikashop->Display->Views" page, you'll be able to revert your modification by using the "thrash" icon in front of the file that you edited.

2. If you've done modifications directly through Hikashop files system, the solution will be to download the last Hikashop version, and install it again.

Thanks for the fast response. I didn't do any modifications to any files. I initially started with 2.2.1, made the change, and have since upgraded to 2.2.2 just two days ago. Still looks the same. I remember there being some option in the config somewhere where I selected something that changed it because I had changed it back to radio buttons, then settled on the button. Now I want to keep it the radio buttons. Any other places I should look?

That did the trick! Thanks!

When I choose bootstrap design, the buttons of payment/shipping do not get blue anymore when they are clicked.
So, actually the user cannot see that he selected a payment method or a shipping method.
More, when both payment and shipping methods were selected, the checkout process automatically advanced to the next step. This doesn't happen anymore. The checkout step contains; Shipping, Payment, Coupon and Shopping Cart.
How should I solve these issues? THx.

I am not using bootstrap design because when user chooses one of the two payment options and one of the two delivery options, the buttons do not get blue, so he actually doesn't see that he made a choice.
I will enable this when you will be online maybe you get a look.

Hi,

Thanks to check if the class active is present on the button when the method is selected.
If it is, do you have the css properties related on the active class ? This should be in your template.
If they are missing, you can add them manually. But it's not really related on HikaShop.
www.hikashop.com/support/documentation/1...ize-the-display.html

For the other problem, can you check if the option "Auto submit shipping and payment methods selection" in Configuration > Checkout is enabled ?

Auto submit shipping and payment methods selection is on Yes but it doesn't proceed to next step when payment/shipping methods are selected.

I enabled the Bootstrap so you can check it out. When i click on payment/shipping button label it doesn't seem to get the active class. So actually maybe this is not why it doesn't change its appearance.
Please have a look on my website.

Hi,

Do you have edited any views related on the checkout ? Especially the shipping or payment one ?
Thanks to give us a screenshot of your checkout configuration, and one of the displayed shipping method.

Hi.
I edited the address template.
I didn't edit other views.
Please find attached requested screenshots.
I have to specify that I migrated from the hikashop i had installed on Joomla 2.5. Still, i update hikashop on the current Joomla 3 installation.
On the payment/shipping screenshot, both the payment and shipping methods were selected.

Thanks to give us a link and a test account to your website.
Do you have HikaShop 2.2.2 ?

www.perlamoldovei.ro/index.php/en/buy-on-line

You can check out without registration.

.

do you still need the account? I had customers that gave up ordering on the website as they couldn't figure out whether they selected the payment/shipping method or not.

Hi,

As Jerome said previously, your template don't seems to support bootstrap so thanks to disable the option "Use bootstrap design" in Configuration > Display > Main.

Well, i can't give up bootstrap as it will not work on mobile (because of the 3 column layout of products that will not change on low resolution).
Could you please tell me how to remove the .btn class from Register buttons as they are misdisplayed? I would like them to be in hika_cart_button class.
Thank you.

To edit the shipping and payment buttons, you have to edit the views "checkout / shipping" and "checkout / payment" via the menu Display > Views.

Then in these views, you can revert the check on bootstrap when displaying the buttons, the code in question is:

<?php if(!HIKASHOP_RESPONSIVE) { ?>
			<td>
				<input class="hikashop_checkout_shipping_radio" type="radio" name="hikashop_shipping<?php echo $shipping_key;?>" id="hikashop_shipping_<?php echo $rate->shipping_type.'_'.$rate->shipping_id . $shipping_key;?>" value="<?php echo $rate->shipping_type.'_'.$rate->shipping_id . $shipping_key;?>" <?php echo $checked; ?> />
			</td>
			<td><label for="hikashop_shipping_<?php echo $rate->shipping_type.'_'.$rate->shipping_id . $shipping_key;?>" style="cursor:pointer;">
				<span class="hikashop_checkout_shipping_image">
<?php } else { ?>
			<td>
				<input class="hikashop_checkout_shipping_radio" type="radio" name="hikashop_shipping<?php echo $shipping_key;?>" id="hikashop_shipping_<?php echo $rate->shipping_type.'_'.$rate->shipping_id . $shipping_key;?>" value="<?php echo $rate->shipping_type.'_'.$rate->shipping_id . $shipping_key;?>" <?php echo $checked; ?> />
				<label class="btn btn-radio" for="hikashop_shipping_<?php echo $rate->shipping_type.'_'.$rate->shipping_id . $shipping_key;?>"><?php echo $rate->shipping_name;?></label>
				<span class="hikashop_checkout_shipping_price_full"><?php echo $price_text; ?></span>
				<span class="hikashop_checkout_payment_image">
<?php }