[Skip to main content](#vessel-content) # hikashop checkout wizardbar position ## - **[verzevoul](/forum/user/8351-verzevoul "View verzevoul's Profile")** - [![verzevoul's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8351-verzevoul "View verzevoul's Profile") Topic Author - [ Offline](/forum/user/8351-verzevoul) Less More - Posts: 1189 - Thank you received: 13 - - 10 years 5 months ago [\#239786](#239786) by [verzevoul](/forum/user/8351-verzevoul "View verzevoul's Profile") *[hikashop checkout wizardbar position](/forum/27-checkout/884446-hikashop-checkout-wizardbar-position#239786 "-- HikaShop version -- : 2.6.0 -- Joomla version -- : 3.5.1 -- PHP version -- : 5.5 Hello! May i ask, could i move the checkout wizardbar under the h1? (see screenshot) Thank you!")* was created by *[verzevoul](/forum/user/8351-verzevoul "View verzevoul's Profile")* -- HikaShop version -- : 2.6.0 -- Joomla version -- : 3.5.1 -- PHP version -- : 5.5 Hello! May i ask, could i move the checkout wizardbar under the h1? (see screenshot) Thank you! - [ ![checkout_mockup_fullwidth_1.jpg](/forum/attachment/31341) ](/forum/attachment/31341 "...ullwidth_1.jpg") [ ](/forum/attachment/31341?download=1 "...ullwidth_1.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg4NDQ0Ni1oaWthc2hvcC1jaGVja291dC13aXphcmRiYXItcG9zaXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 654 - - 10 years 5 months ago - 10 years 5 months ago [\#239791](#239791) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[hikashop checkout wizardbar position](/forum/27-checkout/884446-hikashop-checkout-wizardbar-position#239791 "-- HikaShop version -- : 2.6.0 -- Joomla version -- : 3.5.1 -- PHP version -- : 5.5 Hello! May i ask, could i move the checkout wizardbar under the h1? (see screenshot) Thank you!")* Hello, Of course you can, you can use some **CSS code**, and create a **frontend custom css**, see this tutorial for this, [ here](https://www.hikashop.com/support/documentation/272-hikashop-display-by-color.html#custom). To learn more about **Css Code**, you can have a look [ here](http://www.w3schools.com/css/). Hope this will help you. Regards. Last edit: 10 years 5 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). The following user(s) said Thank You: [verzevoul](/forum/user/8351-verzevoul "View verzevoul's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg4NDQ0Ni1oaWthc2hvcC1jaGVja291dC13aXphcmRiYXItcG9zaXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[verzevoul](/forum/user/8351-verzevoul "View verzevoul's Profile")** - [![verzevoul's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8351-verzevoul "View verzevoul's Profile") Topic Author - [ Offline](/forum/user/8351-verzevoul) Less More - Posts: 1189 - Thank you received: 13 - - 10 years 5 months ago [\#239896](#239896) by [verzevoul](/forum/user/8351-verzevoul "View verzevoul's Profile") Replied by *[verzevoul](/forum/user/8351-verzevoul "View verzevoul's Profile")* on topic *[hikashop checkout wizardbar position](/forum/27-checkout/884446-hikashop-checkout-wizardbar-position#239896 "-- HikaShop version -- : 2.6.0 -- Joomla version -- : 3.5.1 -- PHP version -- : 5.5 Hello! May i ask, could i move the checkout wizardbar under the h1? (see screenshot) Thank you!")* Hi Philip, thank you for your answer. May i ask, is it possible to do that by editing the wright view file instead? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg4NDQ0Ni1oaWthc2hvcC1jaGVja291dC13aXphcmRiYXItcG9zaXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86293 - Thank you received: 14271 - - 10 years 5 months ago [\#239900](#239900) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[hikashop checkout wizardbar position](/forum/27-checkout/884446-hikashop-checkout-wizardbar-position#239900 "-- HikaShop version -- : 2.6.0 -- Joomla version -- : 3.5.1 -- PHP version -- : 5.5 Hello! May i ask, could i move the checkout wizardbar under the h1? (see screenshot) Thank you!")* Hi, Yes. You can edit the file "step" of the view "checkout" where you can swap the two areas. The following user(s) said Thank You: [verzevoul](/forum/user/8351-verzevoul "View verzevoul's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg4NDQ0Ni1oaWthc2hvcC1jaGVja291dC13aXphcmRiYXItcG9zaXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[verzevoul](/forum/user/8351-verzevoul "View verzevoul's Profile")** - [![verzevoul's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8351-verzevoul "View verzevoul's Profile") Topic Author - [ Offline](/forum/user/8351-verzevoul) Less More - Posts: 1189 - Thank you received: 13 - - 10 years 5 months ago [\#240010](#240010) by [verzevoul](/forum/user/8351-verzevoul "View verzevoul's Profile") Replied by *[verzevoul](/forum/user/8351-verzevoul "View verzevoul's Profile")* on topic *[hikashop checkout wizardbar position](/forum/27-checkout/884446-hikashop-checkout-wizardbar-position#240010 "-- HikaShop version -- : 2.6.0 -- Joomla version -- : 3.5.1 -- PHP version -- : 5.5 Hello! May i ask, could i move the checkout wizardbar under the h1? (see screenshot) Thank you!")* thank you nicolas but i can't find the <h1> part, which line should i edit? There are 2 divs, one for the wizard and one for the form. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg4NDQ0Ni1oaWthc2hvcC1jaGVja291dC13aXphcmRiYXItcG9zaXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 654 - - 10 years 5 months ago - 10 years 5 months ago [\#240026](#240026) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[hikashop checkout wizardbar position](/forum/27-checkout/884446-hikashop-checkout-wizardbar-position#240026 "-- HikaShop version -- : 2.6.0 -- Joomla version -- : 3.5.1 -- PHP version -- : 5.5 Hello! May i ask, could i move the checkout wizardbar under the h1? (see screenshot) Thank you!")* Hello, Are you sure you editing the right view ? In **Components** => **HikaShop** => **Configuration**, and in **Display** dropdown listing **Views** you must use these three filters dropdown like on this screenshot on below : [ ![ViewStep.png](/forum/attachment/31388) ](/forum/attachment/31388 "ViewStep.png") Use these criteria, just adapt your template to your **front end template**. Because if you edit, **directly** your view and have an view override, you won't find your <h1> (which I suspect come from an override) Hope this will help you. Regards. - [ ![ViewStep.png](/forum/attachment/31388) ](/forum/attachment/31388 "ViewStep.png") [ ](/forum/attachment/31388?download=1 "ViewStep.png") Last edit: 10 years 5 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). The following user(s) said Thank You: [verzevoul](/forum/user/8351-verzevoul "View verzevoul's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg4NDQ0Ni1oaWthc2hvcC1jaGVja291dC13aXphcmRiYXItcG9zaXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[verzevoul](/forum/user/8351-verzevoul "View verzevoul's Profile")** - [![verzevoul's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8351-verzevoul "View verzevoul's Profile") Topic Author - [ Offline](/forum/user/8351-verzevoul) Less More - Posts: 1189 - Thank you received: 13 - - 10 years 5 months ago [\#240093](#240093) by [verzevoul](/forum/user/8351-verzevoul "View verzevoul's Profile") Replied by *[verzevoul](/forum/user/8351-verzevoul "View verzevoul's Profile")* on topic *[hikashop checkout wizardbar position](/forum/27-checkout/884446-hikashop-checkout-wizardbar-position#240093 "-- HikaShop version -- : 2.6.0 -- Joomla version -- : 3.5.1 -- PHP version -- : 5.5 Hello! May i ask, could i move the checkout wizardbar under the h1? (see screenshot) Thank you!")* Hi, thank you again. Yes that's the view file i m editing, but i don't see h1. Could give me a hint maybe? Here is the code of step file, i haven't changed anything yet: Code: <?php /** * @package HikaShop for Joomla! * @version 2.6.0 * @author hikashop.com * @copyright (C) 2010-2015 HIKARI SOFTWARE. All rights reserved. * @license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html */ defined('_JEXEC') or die('Restricted access'); ?><div id="hikashop_checkout_page" class="hikashop_checkout_page hikashop_checkout_page_step<?php echo $this->step; ?>"> <?php if(hikashop_level(1)){ $open_hour = $this->config->get('store_open_hour',0); $close_hour = $this->config->get('store_close_hour',0); $open_minute = $this->config->get('store_open_minute',0); $close_minute = $this->config->get('store_close_minute',0); if($open_hour!=$close_hour || $open_minute!=$close_minute){ function getCurrentDate($format = '%H'){ if(version_compare(JVERSION,'1.6.0','>=')) $format = str_replace(array('%H','%M'),array('H','i'),$format); return (int)JHTML::_('date',time()- date('Z'),$format,null); } $current_hour = hikashop_getDate(time(),'%H'); $current_minute = hikashop_getDate(time(),'%M'); $closed=false; if($open_hour<$close_hour || ($open_hour==$close_hour && $open_minute<$close_minute)){ if($current_hour<$open_hour || ($current_hour==$open_hour && $current_minute<$open_minute)){ $closed=true; } if($close_hour<$current_hour || ($current_hour==$close_hour && $close_minute<$current_minute)){ $closed=true; } }else{ $closed=true; if($current_hour<$close_hour || ($current_hour==$close_hour && $current_minute<$close_minute)){ $closed=false; } if($open_hour<$current_hour || ($current_hour==$open_hour && $open_minute<$current_minute)){ $closed=false; } } if($closed){ $app=& JFactory::getApplication(); $app->enqueueMessage(JText::sprintf('THE_STORE_IS_ONLY_OPEN_FROM_X_TO_X',$open_hour.':'.sprintf('%02d', $open_minute),$close_hour.':'.sprintf('%02d', $close_minute))); echo '</div>'; return; } } } global $Itemid; $checkout_itemid = $this->config->get('checkout_itemid'); if(!empty($checkout_itemid )){ $Itemid = $checkout_itemid ; } $url_itemid=''; if(!empty($Itemid)){ $url_itemid='&Itemid='.$Itemid; } if($this->display_checkout_bar){ if(HIKASHOP_RESPONSIVE) { ?> <div class="hikashop_wizardbar"> <ul> <?php } else { ?> <div id="hikashop_cart_bar" class="hikashop_cart_bar"> <?php } $already=true; if (count($this->steps) > $this->step+1) $link=true; foreach($this->steps as $k => $step){ $step=explode('_',trim($step)); $step_name = reset($step); if($this->display_checkout_bar==2 && $step_name=='end'){ continue; } $class = ''; $badgeClass = ''; if($k == $this->step){ $already = false; $class .= ' hikashop_cart_step_current'; $badgeClass = 'info'; } if($already){ $class .= ' hikashop_cart_step_finished'; $badgeClass = 'success'; } if(HIKASHOP_RESPONSIVE) { ?> <li class="<?php echo trim($class); ?>"> <span class="badge badge-<?php echo $badgeClass; ?>"><?php echo ($k + 1); ?></span> <?php if($k == $this->step || empty($link)) { echo JText::_('HIKASHOP_CHECKOUT_'.strtoupper($step_name)); } else { ?> <a href="<?php echo hikashop_completeLink('checkout&task=step&step='.$k.$url_itemid);?>"> <?php echo JText::_('HIKASHOP_CHECKOUT_'.strtoupper($step_name));?> </a> <?php } ?> <span class="hikashop_chevron"></span> </li> <?php } else { ?> <div class="hikashop_cart_step<?php echo $class;?>"> <span><?php if($k == $this->step || empty($link)){ echo JText::_('HIKASHOP_CHECKOUT_'.strtoupper($step_name)); }else{ ?> <a href="<?php echo hikashop_completeLink('checkout&task=step&step='.$k.$url_itemid);?>"> <?php echo JText::_('HIKASHOP_CHECKOUT_'.strtoupper($step_name));?> </a> <?php } ?></span> </div><?php } } if(HIKASHOP_RESPONSIVE) { ?> </ul> <?php } ?> </div> <?php } if(empty($this->noform)){ ?> <form action="<?php echo hikashop_completeLink('checkout&task=step&step='.($this->step+1).$url_itemid); ?>" method="post" name="hikashop_checkout_form" enctype="multipart/form-data" onsubmit="if('function' == typeof(hikashopSubmitForm)) { hikashopSubmitForm('hikashop_checkout_form'); return false; } else { return true; }"> <?php } $dispatcher = JDispatcher::getInstance(); $this->nextButton = true; foreach($this->layouts as $layout) { $layout = trim($layout); if($layout == 'end') { $this->continueShopping = ''; } if(substr($layout, 0, 4) != 'plg.') { $this->setLayout($layout); echo $this->loadTemplate(); } else { $html = ''; $dispatcher->trigger('onCheckoutStepDisplay', array($layout, &$html, &$this)); if(!empty($html)) { echo $html; } } } if(empty($this->noform)){ ?> <input type="hidden" name="Itemid" value="<?php echo $Itemid; ?>"/> <input type="hidden" name="option" value="com_hikashop"/> <input type="hidden" name="ctrl" value="checkout"/> <input type="hidden" name="task" value="step"/> <input type="hidden" name="previous" value="<?php echo $this->step; ?>"/> <input type="hidden" name="step" value="<?php echo $this->step+1; ?>"/> <input type="hidden" id="hikashop_validate" name="validate" value="0"/> <?php echo JHTML::_( 'form.token' ); ?> <input type="hidden" name="unique_id" value="[<?php echo md5(uniqid())?>]"/> <br style="clear:both"/> <?php if($this->nextButton) { if($this->step == (count($this->steps) - 2)) { $checkout_next_button = JText::_('CHECKOUT_BUTTON_FINISH'); if($checkout_next_button == 'CHECKOUT_BUTTON_FINISH') $checkout_next_button = JText::_('NEXT'); } else $checkout_next_button = JText::_('NEXT'); echo $this->cart->displayButton($checkout_next_button,'next',$this->params, hikashop_completeLink('checkout&task=step&step='.$this->step+1),'if(hikashopCheckChangeForm(\'order\',\'hikashop_checkout_form\')){ if(hikashopCheckMethods()){ document.getElementById(\'hikashop_validate\').value=1; this.disabled = true; document.forms[\'hikashop_checkout_form\'].submit();}} return false;','id="hikashop_checkout_next_button"'); $button = $this->config->get('button_style','normal'); if ($button=='css') echo '<input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;"/></input>'; } ?> </form> <?php if($this->continueShopping){ if(strpos($this->continueShopping,'Itemid')===false){ if(strpos($this->continueShopping,'index.php?')!==false){ $this->continueShopping.=$url_itemid; } } if(!preg_match('#^https?://#',$this->continueShopping)) $this->continueShopping = JURI::base().ltrim($this->continueShopping,'/'); echo $this->cart->displayButton(JText::_('CONTINUE_SHOPPING'),'continue_shopping',$this->params,JRoute::_($this->continueShopping),'window.location=\''.JRoute::_($this->continueShopping).'\';return false;','id="hikashop_checkout_shopping_button"'); } } ?> </div> <div class="clear_both"></div> <?php if(JRequest::getWord('tmpl','')=='component'){ exit; } Thank you Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg4NDQ0Ni1oaWthc2hvcC1jaGVja291dC13aXphcmRiYXItcG9zaXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 10 years 5 months ago [\#240110](#240110) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[hikashop checkout wizardbar position](/forum/27-checkout/884446-hikashop-checkout-wizardbar-position#240110 "-- HikaShop version -- : 2.6.0 -- Joomla version -- : 3.5.1 -- PHP version -- : 5.5 Hello! May i ask, could i move the checkout wizardbar under the h1? (see screenshot) Thank you!")* Hi, The H1 is displayed by your template. The checkout bar is displayed by the HikaShop view. You can't swap them unless you perform big modification in your template and in HikaShop. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. The following user(s) said Thank You: [verzevoul](/forum/user/8351-verzevoul "View verzevoul's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg4NDQ0Ni1oaWthc2hvcC1jaGVja291dC13aXphcmRiYXItcG9zaXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.151 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)