I hope someone have an idea on how can I fix the Date picker in my custom theme.
I brought the theme last may 2015 to kuler themes (IOC7), its been a months since I found that the error is in the theme.
i try to contact them but they dont respond in my inquiry.
The date picker is functioning in JAVASCRIPT.
heres the source code:
<div class="bootstrap-datetimepicker-widget dropdown-menu bottom" style="display: none; position: absolute; top: 1085px; bottom: auto; left: 530.25px; right: auto;"><div class="datepicker"><div class="datepicker-days" style="display: block;"><table class="table-condensed"><thead><tr><th class="prev">‹</th><th colspan="5" class="picker-switch">February 2016</th><th class="next">›</th></tr><tr><th class="dow">Su</th><th class="dow">Mo</th><th class="dow">Tu</th><th class="dow">We</th><th class="dow">Th</th><th class="dow">Fr</th><th class="dow">Sa</th></tr></thead><tbody><tr><td class="day old">31</td><td class="day">1</td><td class="day">2</td><td class="day">3</td><td class="day">4</td><td class="day">5</td><td class="day">6</td></tr><tr><td class="day">7</td><td class="day">8</td><td class="day">9</td><td class="day">10</td><td class="day">11</td><td class="day">12</td><td class="day">13</td></tr><tr><td class="day">14</td><td class="day">15</td><td class="day active today">16</td><td class="day">17</td><td class="day">18</td><td class="day">19</td><td class="day">20</td></tr><tr><td class="day">21</td><td class="day">22</td><td class="day">23</td><td class="day">24</td><td class="day">25</td><td class="day">26</td><td class="day">27</td></tr><tr><td class="day">28</td><td class="day">29</td><td class="day new">1</td><td class="day new">2</td><td class="day new">3</td><td class="day new">4</td><td class="day new">5</td></tr><tr><td class="day new">6</td><td class="day new">7</td><td class="day new">8</td><td class="day new">9</td><td class="day new">10</td><td class="day new">11</td><td class="day new">12</td></tr></tbody></table></div><div class="datepicker-months" style="display: none;"><table class="table-condensed"><thead><tr><th class="prev">‹</th><th colspan="5" class="picker-switch">2016</th><th class="next">›</th></tr></thead><tbody><tr><td colspan="7"><span class="month">Jan</span><span class="month active">Feb</span><span class="month">Mar</span><span class="month">Apr</span><span class="month">May</span><span class="month">Jun</span><span class="month">Jul</span><span class="month">Aug</span><span class="month">Sep</span><span class="month">Oct</span><span class="month">Nov</span><span class="month">Dec</span></td></tr></tbody></table></div><div class="datepicker-years" style="display: none;"><table class="table-condensed"><thead><tr><th class="prev">‹</th><th colspan="5" class="picker-switch">2010-2019</th><th class="next">›</th></tr></thead><tbody><tr><td colspan="7"><span class="year old">2009</span><span class="year">2010</span><span class="year">2011</span><span class="year">2012</span><span class="year">2013</span><span class="year">2014</span><span class="year">2015</span><span class="year active">2016</span><span class="year">2017</span><span class="year">2018</span><span class="year">2019</span><span class="year old">2020</span></td></tr></tbody></table></div></div></div>
in http://www.berrylensestm.com/index.php? ... return/add
when I click the calendar button
Hello
But the calendar not showing.
I try to fix to my css file but I dont know which file I need to edit
Hoping someone can help me
heres the javascript and CSS style used in source code for calendar.
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" media="screen" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/ioc7/stylesheet/stylesheet.css" media="screen" />
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/datetimepicker/bootstrap-datetimepicker.min.css" media="screen" />
<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js"></script>
src="catalog/view/javascript/jquery/datetimepicker/moment.js"></script><script src="catalog/view/javascript/jquery/datetimepicker/bootstrap-datetimepicker.min.js"></script><script src="catalog/view/javascript/jquery/bootstrap-notify.min.js"></script>
THANK YOU SO MUCH
Could you attach file catalog\view\theme\default\template\account\return_form.tpl, so we can take a look at the problem closer?
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
Code: Select all
<?php echo $header; ?>
<div class="container">
<ul class="breadcrumb">
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<li><a href="<?php echo $breadcrumb['href']; ?>"> <?php echo $breadcrumb['text']; ?></a></li>
<?php } ?>
</ul>
<?php if ($error_warning) { ?>
<div class="alert alert-danger"><i class="fa fa-exclamation-circle"></i> <?php echo $error_warning; ?></div>
<?php } ?>
<div class="row"><?php echo $column_left; ?>
<?php if ($column_left && $column_right) { ?>
<?php $class = 'col-lg-6 col-md-6'; ?>
<?php } elseif ($column_left || $column_right) { ?>
<?php $class = 'col-lg-9 col-md-9'; ?>
<?php } else { ?>
<?php $class = 'col-lg-12 col-md-12'; ?>
<?php } ?>
<div id="content" class="<?php echo $class; ?>"><?php echo $content_top; ?>
<h1 class="page-heading"><?php echo $heading_title; ?></h1>
<p class="page-heading-description"><?php echo $text_description; ?></p>
<form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data" class="form-horizontal">
<fieldset>
<legend><?php echo $text_order; ?></legend>
<div class="form-group required">
<label class="col-sm-2 control-label" for="input-firstname"><?php echo $entry_firstname; ?></label>
<div class="col-sm-10">
<input type="text" name="firstname" value="<?php echo $firstname; ?>" placeholder="<?php echo $entry_firstname; ?>" id="input-firstname" class="form-control" />
<?php if ($error_firstname) { ?>
<div class="text-danger"><?php echo $error_firstname; ?></div>
<?php } ?>
</div>
</div>
<div class="form-group required">
<label class="col-sm-2 control-label" for="input-lastname"><?php echo $entry_lastname; ?></label>
<div class="col-sm-10">
<input type="text" name="lastname" value="<?php echo $lastname; ?>" placeholder="<?php echo $entry_lastname; ?>" id="input-lastname" class="form-control" />
<?php if ($error_lastname) { ?>
<div class="text-danger"><?php echo $error_lastname; ?></div>
<?php } ?>
</div>
</div>
<div class="form-group required">
<label class="col-sm-2 control-label" for="input-email"><?php echo $entry_email; ?></label>
<div class="col-sm-10">
<input type="text" name="email" value="<?php echo $email; ?>" placeholder="<?php echo $entry_email; ?>" id="input-email" class="form-control" />
<?php if ($error_email) { ?>
<div class="text-danger"><?php echo $error_email; ?></div>
<?php } ?>
</div>
</div>
<div class="form-group required">
<label class="col-sm-2 control-label" for="input-telephone"><?php echo $entry_telephone; ?></label>
<div class="col-sm-10">
<input type="text" name="telephone" value="<?php echo $telephone; ?>" placeholder="<?php echo $entry_telephone; ?>" id="input-telephone" class="form-control" />
<?php if ($error_telephone) { ?>
<div class="text-danger"><?php echo $error_telephone; ?></div>
<?php } ?>
</div>
</div>
<div class="form-group required">
<label class="col-sm-2 control-label" for="input-order-id"><?php echo $entry_order_id; ?></label>
<div class="col-sm-10">
<input type="text" name="order_id" value="<?php echo $order_id; ?>" placeholder="<?php echo $entry_order_id; ?>" id="input-order-id" class="form-control" />
<?php if ($error_order_id) { ?>
<div class="text-danger"><?php echo $error_order_id; ?></div>
<?php } ?>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-date-ordered"><?php echo $entry_date_ordered; ?></label>
<div class="col-sm-5">
<div class="input-group date"><input type="text" name="date_ordered" value="<?php echo $date_ordered; ?>" placeholder="<?php echo $entry_date_ordered; ?>" data-format="MMMM DD YYYY" id="input-date-ordered" class="form-control" /><span class="input-group-btn">
<button type="button" class="btn table-account--info" style="margin-left: 0;"><i class="fa fa-calendar"></i></button>
</span></div>
</div>
</div>
</fieldset>
<fieldset>
<legend><?php echo $text_product; ?></legend>
<div class="form-group required">
<label class="col-sm-2 control-label" for="input-product"><?php echo $entry_product; ?></label>
<div class="col-sm-10">
<input type="text" name="product" value="<?php echo $product; ?>" placeholder="<?php echo $entry_product; ?>" id="input-product" class="form-control" />
<?php if ($error_product) { ?>
<div class="text-danger"><?php echo $error_product; ?></div>
<?php } ?>
</div>
</div>
<div class="form-group required">
<label class="col-sm-2 control-label" for="input-model"><?php echo $entry_model; ?></label>
<div class="col-sm-10">
<input type="text" name="model" value="<?php echo $model; ?>" placeholder="<?php echo $entry_model; ?>" id="input-model" class="form-control" />
<?php if ($error_model) { ?>
<div class="text-danger"><?php echo $error_model; ?></div>
<?php } ?>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-quantity"><?php echo $entry_quantity; ?></label>
<div class="col-sm-10">
<input type="text" name="quantity" value="<?php echo $quantity; ?>" placeholder="<?php echo $entry_quantity; ?>" id="input-quantity" class="form-control" />
</div>
</div>
<div class="form-group required">
<label class="col-sm-2 control-label"><?php echo $entry_reason; ?></label>
<div class="col-sm-10">
<?php foreach ($return_reasons as $return_reason) { ?>
<?php if ($return_reason['return_reason_id'] == $return_reason_id) { ?>
<div class="radio">
<label>
<input type="radio" name="return_reason_id" value="<?php echo $return_reason['return_reason_id']; ?>" checked="checked" />
<?php echo $return_reason['name']; ?></label>
</div>
<?php } else { ?>
<div class="radio">
<label>
<input type="radio" name="return_reason_id" value="<?php echo $return_reason['return_reason_id']; ?>" />
<?php echo $return_reason['name']; ?></label>
</div>
<?php } ?>
<?php } ?>
<?php if ($error_reason) { ?>
<div class="text-danger"><?php echo $error_reason; ?></div>
<?php } ?>
</div>
</div>
<div class="form-group required">
<label class="col-sm-2 control-label"><?php echo $entry_opened; ?></label>
<div class="col-sm-10">
<label class="radio-inline">
<?php if ($opened) { ?>
<input type="radio" name="opened" value="1" checked="checked" />
<?php } else { ?>
<input type="radio" name="opened" value="1" />
<?php } ?>
<?php echo $text_yes; ?></label>
<label class="radio-inline">
<?php if (!$opened) { ?>
<input type="radio" name="opened" value="0" checked="checked" />
<?php } else { ?>
<input type="radio" name="opened" value="0" />
<?php } ?>
<?php echo $text_no; ?></label>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-comment"><?php echo $entry_fault_detail; ?></label>
<div class="col-sm-10">
<textarea name="comment" rows="10" placeholder="<?php echo $entry_fault_detail; ?>" id="input-comment" class="form-control"><?php echo $comment; ?></textarea>
</div>
</div>
<div class="form-group required">
<label class="col-sm-2 control-label" for="input-captcha"><?php echo $entry_captcha; ?></label>
<div class="col-sm-10">
<input type="text" name="captcha" value="" placeholder="<?php echo $entry_captcha; ?>" id="input-captcha" class="form-control" />
</div>
</div>
<div class="form-group">
<div class="col-sm-10 pull-right">
<img src="index.php?route=tool/captcha" alt="" />
<?php if ($error_captcha) { ?>
<div class="text-danger"><?php echo $error_captcha; ?></div>
<?php } ?>
</div>
</div>
</fieldset>
<?php if ($text_agree) { ?>
<div class="buttons clearfix">
<div class="pull-left"><a href="<?php echo $back; ?>" class="btn btn-danger"><?php echo $button_back; ?></a></div>
<div class="pull-right"><?php echo $text_agree; ?>
<?php if ($agree) { ?>
<input type="checkbox" name="agree" value="1" checked="checked" />
<?php } else { ?>
<input type="checkbox" name="agree" value="1" />
<?php } ?>
<input type="submit" value="<?php echo $button_submit; ?>" class="btn" />
</div>
</div>
<?php } else { ?>
<div class="buttons clearfix">
<div class="pull-left"><a href="<?php echo $back; ?>" class="btn"><span><?php echo $button_back; ?></span></a></div>
<div class="pull-right">
<button type="submit" class="btn"> <span><?php echo $button_submit; ?></span></button>
</div>
</div>
<?php } ?>
</form>
<?php echo $content_bottom; ?></div>
<?php echo $column_right; ?></div>
</div>
<script type="text/javascript"><!--
$('.date').datetimepicker({
pickTime: false
});
//--></script>
<?php echo $footer; ?>viethemes wrote:Could you attach file catalog\view\theme\default\template\account\return_form.tpl, so we can take a look at the problem closer?
hello thank you for the help.
I attach the file already, I try to check it also in tpl file, but I think the css file has a problem.
Calendar not showing but in script it shows the code.
thank you so much
I see the problem. To fix it you can find this code in that file
and replace with
Code: Select all
data-formatCode: Select all
data-date-formathttp://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
viethemes wrote:I see the problem. To fix it you can find this code in that fileand replace withCode: Select all
data-formatCode: Select all
data-date-format
Hello
Its change the numerical date format to month(text) days and year format. but the datepicker still not showing.
Thank you for helping me
<div class="bootstrap-datetimepicker-widget dropdown-menu bottom pull-right picker-open" style="display: block; position: absolute; bottom: auto; top: 1503px; left: auto; right: 19px;"><div class="datepicker"><div class="datepicker-days" style="display: block;">
It was showing in element structure but the table not showing. Cant find file was supporting the boostrap hoping you could help me.
It was showing in element structure but the table not showing. Cant find file was supporting the boostrap hoping you could help me.
Who is online
Users browsing this forum: No registered users and 7 guests
