- Posts: 16
- Thank you received: 2
Double checkbox on accept terms in checkout
6 years 8 months ago #315970
by bartuelen
Double checkbox on accept terms in checkout was created by bartuelen
-- HikaShop version -- : 4.2.2 Essential
-- Joomla version -- : 3.9.15
-- Browser(s) name and version -- : Google Chrome Version 79.0.3945.130 (Official Build) (64-bit)
In last step of checkout proces I have this screen with the accept terms checkbox.
Clicking on the checkbox results in a double checkbox.
See attachment.
Functionally it works fine, but for a visitor/buyer this looks awkward.
Below part of the code that does the weird thing.
<div id="hikashop_checkout_terms_3_1" data-checkout-step="3" data-checkout-pos="1" class="hikashop_checkout_terms hikashop_checkout_terms_1">
<div class="hikashop_checkout_loading_elem"></div>
<div class="hikashop_checkout_loading_spinner small_spinner"></div>
<input onclick="window.checkout.submitBlock('terms',3,1);" class="hikashop_checkout_terms_checkbox" id="hikashop_checkout_terms_checkbox_3_1" type="checkbox" name="checkout[terms_3_1]" value="1" checked="checked" />
<label for="hikashop_checkout_terms_checkbox_3_1">Accepteer de Algemene Voorwaarden en ons Privacy Reglement</label>
</div>
Something is no good with repositioning the checkbox after clicking it.
How to repair this glitch? CSS stuff ?!?
-- Joomla version -- : 3.9.15
-- Browser(s) name and version -- : Google Chrome Version 79.0.3945.130 (Official Build) (64-bit)
In last step of checkout proces I have this screen with the accept terms checkbox.
Clicking on the checkbox results in a double checkbox.
See attachment.
Functionally it works fine, but for a visitor/buyer this looks awkward.
Below part of the code that does the weird thing.
<div id="hikashop_checkout_terms_3_1" data-checkout-step="3" data-checkout-pos="1" class="hikashop_checkout_terms hikashop_checkout_terms_1">
<div class="hikashop_checkout_loading_elem"></div>
<div class="hikashop_checkout_loading_spinner small_spinner"></div>
<input onclick="window.checkout.submitBlock('terms',3,1);" class="hikashop_checkout_terms_checkbox" id="hikashop_checkout_terms_checkbox_3_1" type="checkbox" name="checkout[terms_3_1]" value="1" checked="checked" />
<label for="hikashop_checkout_terms_checkbox_3_1">Accepteer de Algemene Voorwaarden en ons Privacy Reglement</label>
</div>
Something is no good with repositioning the checkbox after clicking it.
How to repair this glitch? CSS stuff ?!?
Please Log in or Create an account to join the conversation.
Less
More
- Posts: 12953
- Thank you received: 1778
6 years 8 months ago #315972
by Mohamed Thelji
Replied by Mohamed Thelji on topic Double checkbox on accept terms in checkout
Hello,
That's probably a CSS issue, so you'll find more information about CSS customization :
www.hikashop.com/support/documentation/1...the-display.html#css
If you need more advices, we'll need a link to your website to directly check it.
Kind regards,
Mohamed.
That's probably a CSS issue, so you'll find more information about CSS customization :
www.hikashop.com/support/documentation/1...the-display.html#css
If you need more advices, we'll need a link to your website to directly check it.
Kind regards,
Mohamed.
Please Log in or Create an account to join the conversation.
6 years 7 months ago - 6 years 7 months ago #316646
by bartuelen
Replied by bartuelen on topic Double checkbox on accept terms in checkout
Solved!
In css ==> layout.css of my template I fully suppressed the CSS lines for tag:
"input[type="checkbox"]:checked+label:before".
This prevents the display of the second checkbox.
In css ==> layout.css of my template I fully suppressed the CSS lines for tag:
"input[type="checkbox"]:checked+label:before".
This prevents the display of the second checkbox.
Last edit: 6 years 7 months ago by bartuelen.
The following user(s) said Thank You: nicolas
Please Log in or Create an account to join the conversation.
Time to create page: 0.056 seconds