No Label on my Terms & Conditions Checkbox

I have a problem on my checkout page

I dont have a label beside the Terms & Canditions Checkbox.

the terms and conditions pop-up box appears and opens to the selected article. But right at the bottom of the page above "Continue Shopping is a lonely little checkbox with no label. (as per the attached screenshot)

I would prefer as a first option to be able to display the checkbox with the article so they are clearly associated. But as a fall back i need a label beside the checkbox.

Can you help please?

The checkout/terms.php looks as follows:

<?php
/**
* @package HikaShop for Joomla!
* @version 2.1.2
* @author hikashop.com
* @copyright (C) 2010-2013 HIKARI SOFTWARE. All rights reserved.
* @license GNU/GPLv3 www.gnu.org/licenses/gpl-3.0.html
*/
defined('_JEXEC') or die('Restricted access');
?>

<div id="hikashop_checkout_terms" class="hikashop_checkout_terms">
<input class="hikashop_checkout_terms_checkbox" id="hikashop_checkout_terms_checkbox" type="checkbox" name="hikashop_checkout_terms" value="1" <?php echo $this->terms_checked; ?> />
<?php
$text = JText::_('PLEASE_ACCEPT_TERMS_BEFORE_FINISHING_ORDER');
$terms_article = $this->config->get('checkout_terms');
if(!empty($terms_article)){
JHTML::_('behavior.modal');
$text = '<a href="'.JRoute::_('index.php?option=com_content&view=article&id='.$terms_article.'&tmpl=component').'" class="modal" rel="{handler: \'iframe\', size: {x: 450, y: 480}}" target="_blank">'.$text.'</a>';
}
?>
<label for="hikashop_checkout_terms_checkbox"><?php echo $text; ?></label>
</div>

Hi,

Can you give me a link to your website for testing purpose ?

Hi. I have the same problem ... the box to check is just a box, all by itself, I need to add "I've read and accepted ..." next to the box. At the moment it's all wrong. There's a (popup) line of text at the top of the page above the logo that says "Please accept the Terms and Conditions before proceeding" but the box to check is way down the page. If a visitor clicks on Next without checking (because they didn't notice the box to check) then there's a broad blue band across the page with an i icon and the text "Please accept the Terms and Conditions before proceeding" which looks pretty stupid. I need to get the text and the box to check in the same place. I've attached a screenshot to show what I mean.

Hi,

You have a template conflict with Joomla 3.
Please change your HikaShop configuration in order to not use the "bootstrap" popup but the "mootools" one.

It should fix your problem.

Regards,

Hi Jerome,
I am currently using Joomla 2.5.14 (not yet 3 though template I am using - Blankoshop from JoomlaBamboo will apparently be okay with Joomla 3 when I decide to change) and Hikashop Business 2.2.1.
In the General Hikashop display options I previously had Use bootstrap design clicked to No (which is I think what you were recommending) ...? Switching to Use bootstrap design - Yes (see screenshot 1) gets much the same result as before but looks a little bit better. There isn't a Mootools option shown here - maybe I am looking in the wrong place? (see screenshots 2 and 3). In fact, I don't see Mootools anywhere ... except within JB Library plug-in (this had been disabled I believe on the recommendation of the JoomlaBamboo people but enabling it doesn't seem to make any difference).
I guess I should look for and install MooTools ...? I have no idea why I can't find it, since I guess it should be part of my Joomla installation.
Ailsa

Hi,

The problem comes from the CSS of your template. somewhere there is the class .modal which is defined by your template. Instead it should define div.modal and then it would display properly.
I can't say precisely where as it depends on your template. You can either ask them or give a link to the shop so that we can look at the CSS and tell you.

Hi Nicolas.
Bonjour - and first of all congratulations on the new documentation on the hikashop website. It's a major improvement that is sure to get you many more happy users.
I copied the css from the Edit css/template.css section on my template onto a text document but I can't see class . modal anywhere (see attached doc). I am also not super confident about changing the css to be honest, unless I am sure of what I need to do.
Please can you take a look. The site is greenmole.de and I guess you can see css with Firebug. If you need access to the administration end of the site ... as long as I know that i'm not posting this info where anyone can see it I'll be happy to give it to you.
Cheers,
Ailsa

Hi,

Thanks to give us a test account or put temporary the terms and conditions checkbox on the first step of the checkout.

Hi.
Is it safe to give you the info on this page?
Thanks!
Ailsa

Hi,

No, please use our contact form for that with a link to this thread:
www.hikashop.com/contact-us.html

Hi,

It seems to be in the file " greenmole.de/t3-assets/css/css-7d333.css " near the lines "477" "481" and "848".
Replace .modal by div.modal

Sorry, I've been searching for the correct .modal to change but I can't seem to identify it.

I put the text from your link greenmole.de/t3-assets/css/css-7d333.css into BBEdit, and also the text from the Edit css/template.css in the Template Manager section of my admin (I think these are the same, tho your linked version runs together) and I can see plenty of instances of .modal but I don't know which, if any of these, I should be changing, even following the line count you suggested. Maybe you could copy and mark up the link you sent me to make it clearer?

Sorry about this, editing css is something I have done occasionally but I am so very far from being an expert ...

Thanks for your help !

Hi,

All of them.

Regards,

All of them!! see attached PDF and also .rift doc which you can open in BBEdt. It seems an awful lot to change ...

Hi,

I do not know "BBEdt". I use editors like "Notepad++" or "Scintilla" and you can use a little "search and replace" in order to replace ".modal{" by "div.modal{".

The problem is that, you are using a Bootstrap design with a Joomla 2.5 which does not include the bootstrap popups.
So we can just use the Joomla squeezebox which use the class "modal" on the links in order to find the links which open popups.
Because your template uses bootstrap without any Joomla 2.5 compatibility, it does not support the squeezbox CSS and display the links like it was a bootstrap modal box. But it's not.

The solution is to fix your template CSS by this replacement. You can also contact the person who made your template and ask him to make this fix for you.
But in HikaShop, we can't do anything special because, you have a Joomla 2.5 and there is not bootstrap popup in this version of Joomla. I am sure that the problem will be the same with other extension which display popups in the front-end.

Regards,