WebsiteBaker Logo
  • *
  • Templates
  • Help
  • Add-ons
  • Download
  • Home
*
Welcome, Guest. Please login or register.

Login with username, password and session length
 

News

WebsiteBaker 2.13.8 is now available!

R.I.P Dietmar (luisehahne) and thank you for all your valuable work for WB
https://forum.websitebaker.org/index.php/topic,32355.0.html

* Support WebsiteBaker

Your donations will help to:

  • Pay for our dedicated server
  • Pay for domain registration
  • and much more!

You can donate by clicking on the button below.


  • Home
  • Help
  • Search
  • Login
  • Register

  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Bakery Shop »
  • Page layout problem during order process(SOLVED)
  • Print
Pages: [1]   Go Down

Author Topic: Page layout problem during order process(SOLVED)  (Read 8133 times)

Offline gearup

  • Posts: 82
Page layout problem during order process(SOLVED)
« on: March 15, 2013, 08:22:36 AM »
Hi,

config is; wb 2.8.2 SP2, Bakery 1.59, Template Lyps

During the order process at steps 1 and 3 the order information is shifted down below the leftbox menu and content.

It is like the left, main and right box sections are being stacked vertically instead of horizontally.

I have used winmerge on wb, Bakery and Lyps but was not able to find any change that looked like it would cause this.

My idea is it is a width issue for the main (center) box but cannot see how to adjust the bakery form/data to reduce the width.

for instance in templates/form/title.htm I set the border to 1 to see the table size. I can reduce the with of the table from 98% to 68% and see the table size reduce but it does not correct the display.

I attach 3 images showing the 3 order steps and the problem.

I do not really wish to upgrade to a newer version just yet. Everything else seems to work OK.

Can someone please point me in the direction of what can be changed to control the width for the Bakery order displayed in the main box.

Thanks,
« Last Edit: March 16, 2013, 06:48:30 PM by gearup »
Logged
Tomorrow is a day we can look forward to but will never see.

freeSbee

  • Guest
Re: Page layout problem during order process
« Reply #1 on: March 15, 2013, 11:40:18 AM »
Hi gearup

Stylesheet editor.css line 54 clear: both;
Code: [Select]
hr{
    border:dotted #006e34 1px;height:1px;
    clear:both;
}

Change it to clear: right;


If the leftbox is floated left, then you should give the main content some margin-left, about 220px should do the trick.

Reagards Christoph
Logged

Offline gearup

  • Posts: 82
Re: Page layout problem during order process
« Reply #2 on: March 15, 2013, 04:52:55 PM »
Hi Christoph,

I did as you suggested, set to clear: right and the leftbox is floated left so I set the "contentbox" to have left-margin: 220.

This is definitely going in the right direction as in step 1 the form is now in the right place but it is still too wide.

I have tried a few things but not found what is needed so far,

I attach a new image for step 1.

(note: step 3 is also a little better, now just the payment choices are below the menu)

regards,
« Last Edit: March 15, 2013, 06:31:48 PM by gearup »
Logged
Tomorrow is a day we can look forward to but will never see.

jacobi22

  • Guest
Re: Page layout problem during order process
« Reply #3 on: March 16, 2013, 05:18:19 PM »
the problems are in the index.php from the lyps-Template. Fix this at first. If you have problems with this, post your index.php from the template here (use the Code-Button = # to insert the code)
Logged

Offline gearup

  • Posts: 82
Re: Page layout problem during order process
« Reply #4 on: March 16, 2013, 05:20:41 PM »
Hi jacobi22,

I post my index.php file so we can both see the same source,

Code: [Select]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php
if (!defined('WB_URL')) {
 header('Location: ../index.php');
 exit(0);
 }
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php
if(function_exists('simplepagehead')) {
 simplepagehead(); 
 } else { ?>
<title><?php page_title(); ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo defined('DEFAULT_CHARSET') ? DEFAULT_CHARSET :'utf-8';?>" />  
<?php 
}
 // function to include optional module frontend.css/frontend.js files automatically
 if (function_exists('register_frontend_modfiles')) {
 register_frontend_modfiles('css');
 register_frontend_modfiles('js');
 }
?>
  <link rel="shortcut icon" href="<?php echo WB_URL; ?>/favicon.ico" />
  <link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>/editor.css"  />
  <link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>/template.css"  />  
  <script type="text/javascript" src="<?php echo TEMPLATE_DIR;?>/standard.js"></script>
  <!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>/ie6.css" />
  <![endif]-->
</head>
<body>
<div class="wrapper">
<div class="header headerpic">
<div class="header headermask">
<div class="header headerthings">

<div class="logobox">
<a title="home" href="<?php echo WB_URL; ?>/">
<img src="<?php echo TEMPLATE_DIR; ?>/img/logo.png" alt="home"/>
</a>
</div>

<div class="headerquote">
"helping beauty to shine"
</div><!--End headerquote-->

<div class="chooselanguage">
<?php show_menu2(1, SM2_ROOT, SM2_START+0, SM2_TRIM|SM2_PRETTY, 
 '<a href= "' . WB_URL . '/pages/willkommen.php">' .
 '<img src="' . WB_URL . '/media/flags/DE.gif" alt="DE"/>' .
 ' </a>', '', '', '', false, false); ?>
<?php show_menu2(1, SM2_ROOT, SM2_START+0, SM2_TRIM|SM2_PRETTY, 
 '<a href= "' . WB_URL . '/pages/welcome.php">' .
 '<img src="' . WB_URL . '/media/flags/EN.gif" alt="EN"/>' .
 ' </a>', '', '', '', false, false); ?>
<?php show_menu2(1, SM2_ROOT, SM2_START+0, SM2_TRIM|SM2_PRETTY, 
 '<a href= "' . WB_URL . '/pages/welcome.php">' .
 '<img src="' . WB_URL . '/media/flags/US.gif" alt="US"/>' .
 ' </a>', '', '', '', false, false); ?>
</div><!--End chooselanguage-->

</div><!--End headerthings-->
</div><!--End headermask-->
</div><!--End headerpic-->

<div class="mainbox">
<div class="leftbox">
<div id="menu">
<?php ob_start();
 show_menu2(1,SM2_ROOT,SM2_CURR+1,'','<li><a href="[url]" class="[class]">[menu_title]</a>','</li>','<ul>','</ul>',false,false);
 $menue = ob_get_contents();
 ob_end_clean();
echo $menue;
?>
</div> <!--End menu-->
<?php if(FRONTEND_LOGIN) { include('login.inc.php'); } 
 ?><!--LOGIN_URL, LOGOUT_URL,FORGOT_URL-->

<div class="contentinner">
<div class="logodoccheck">
<a title="Doc-Check" href="<?php echo WB_URL; ?>/">
<img src="<?php echo TEMPLATE_DIR; ?>/img/logo-doc-check.gif" alt="Doc-Check"/>
</a>
</div><!--End logodoccheck-->
<br/>
<br/>
<div class="bankbanner">
<a title="SOFORT-Banking" href="<?php echo WB_URL; ?>/">
<img src="<?php echo WB_URL; ?>/media/sofort-banking/ad-material/<?php echo LANGUAGE; ?>/banner/banner_175x75.png" alt="SOFORT-Banking"/>
</a>
<br/>
<br/>
<a title="Bank-Transfer" href="<?php echo WB_URL; ?>/">
<img src="<?php echo WB_URL; ?>/media/bank-transfer/<?php echo LANGUAGE; ?>/Bank-Transfer.png" alt="Bank-Transfer"/>
</a>
</div><!--End bankbanner-->
</div><!--End contentinner-->
</div><!--End leftbox-->

<?php 
ob_start();
page_content(1);
 $page_content_1 = ob_get_contents();
 ob_end_clean();

if(defined('TOPIC_BLOCK2') AND TOPIC_BLOCK2 != '') { 
   $page_content_2 = TOPIC_BLOCK2; 
 } else {
 ob_start();
 page_content(2);
 $page_content_2 = ob_get_contents();
 ob_end_clean();
 }
 if ($page_content_2 == '') {
 echo '<div class="contentboxwide"><div class="contentinner">'.$page_content_1.'</div></div><!--End contentbox-->';
 } else {
 echo '<div class="contentbox"><div class="contentinner">'.$page_content_1.'</div></div><!--End contentbox-->
<div class="sidebarbox"><div class="inner">'.$page_content_2.'</div></div><!-- End sidebarbox-->';
 }
?>
<div class="rightbox">
<a title="Botox-100IU" href="<?php echo WB_URL; ?>/">
<img src="<?php echo WB_URL; ?>/media/products/Botox-100IU.png" alt="Botox-100IU"/>
</a>
<br/>
<a title="Dysport-500IU" href="<?php echo WB_URL; ?>/">
<img src="<?php echo WB_URL; ?>/media/products/Dysport-500IU.png" alt="Dysport-500IU"/>
</a>
<br/>
<a title="Juvederm-Ultra-4" href="<?php echo WB_URL; ?>/">
<img src="<?php echo WB_URL; ?>/media/products/Juvederm-Ultra-4.png" alt="Juvederm-Ultra-4"/>
</a>
<br/>
<a title="Juvederm-Ultra-Smile" href="<?php echo WB_URL; ?>/">
<img src="<?php echo WB_URL; ?>/media/products/Juvederm-Ultra-Smile.png" alt="Juvederm-Ultra-Smile"/>
</a>
<br/>
<a title="Restylane" href="<?php echo WB_URL; ?>/">
<img src="<?php echo WB_URL; ?>/media/products/Restylane.png" alt="Restylane"/>
</a>
<br/>
<a title="Restylane-LIPP" href="<?php echo WB_URL; ?>/">
<img src="<?php echo WB_URL; ?>/media/products/Restylane-LIPP.png" alt="Restylane-LIPP"/>
</a>
<br/>
<a title="Restylane-PERLANE" href="<?php echo WB_URL; ?>/">
<img src="<?php echo WB_URL; ?>/media/products/Restylane-PERLANE.png" alt="Restylane-PERLANE"/>
</a>
<br/>
<a title="Merz-Radiesse" href="<?php echo WB_URL; ?>/">
<img src="<?php echo WB_URL; ?>/media/products/Merz-Radiesse.png" alt="Merz-Radiesse"/>
</a>
<br/>
<a title="surgiderm-30" href="<?php echo WB_URL; ?>/">
<img src="<?php echo WB_URL; ?>/media/products/surgiderm-30.png" alt="surgiderm-30"/>
</a>
<br/>
<a title="Latisse" href="<?php echo WB_URL; ?>/">
<img src="<?php echo WB_URL; ?>/media/products/Latisse.png" alt="Latisse"/>
</a>
<br/>
<a title="Lumigan" href="<?php echo WB_URL; ?>/">
<img src="<?php echo WB_URL; ?>/media/products/Lumigan.png" alt="Lumigan"/>
</a>
</div><!--End rightbox-->
<div class="clearfooter">&nbsp;
</div>
</div><!--End mainbox-->
</div><!--End wrapper-->

<div class="footer">
<div class="footerleft"><?php page_footer(); ?></div>
<div class="footerright"><?php page_description(); ?><br/><a href="#">Up</a></div>
</div><!--End footer-->

</body>
</html>

You are right to point out that the error is the misplaced div,
Code: [Select]
<div class="contentboxwide"><div class="contentinner">

This div is now at the first line of the page and that is not correct. It should be much futher down in the page code before the section anchor statement.

I will try to compare again with the original source code.
« Last Edit: March 16, 2013, 05:44:58 PM by gearup »
Logged
Tomorrow is a day we can look forward to but will never see.

jacobi22

  • Guest
Re: Page layout problem during order process
« Reply #5 on: March 16, 2013, 05:48:59 PM »
Please try this if you dont use TOPICS

Code: [Select]
<?php
        if (!defined('WB_URL')) {
                header('Location: ../index.php');
                exit(0);
        }
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php
        if(function_exists('simplepagehead')) {
                simplepagehead();
        } else { ?>
                <title><?php page_title(); ?></title>
                <meta http-equiv="Content-Type" content="text/html; charset=<?php echo defined('DEFAULT_CHARSET') ? DEFAULT_CHARSET :'utf-8';?>" />
                <?php
        }
        // function to include optional module frontend.css/frontend.js files automatically
        if (function_exists('register_frontend_modfiles')) {
                register_frontend_modfiles('css');
                register_frontend_modfiles('js');
        }
?>
  <link rel="shortcut icon" href="<?php echo WB_URL; ?>/favicon.ico" />
  <link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>/editor.css"  />
  <link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>/template.css"  />
  <script type="text/javascript" src="<?php echo TEMPLATE_DIR;?>/standard.js"></script>
  <!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>/ie6.css" />
  <![endif]-->
</head>
<body>
<div class="wrapper">
        <div class="header headerpic">
        <div class="header headermask">
        <div class="header headerthings">

        <div class="logobox">
                <a title="home" href="<?php echo WB_URL; ?>/">
                <img src="<?php echo TEMPLATE_DIR; ?>/img/logo.png" alt="home"/>
                </a>
        </div>

        <div class="headerquote">
                "helping beauty to shine"
        </div><!--End headerquote-->

        <div class="chooselanguage">
                <?php show_menu2(1, SM2_ROOT, SM2_START+0, SM2_TRIM|SM2_PRETTY,
                        '<a href= "' . WB_URL . '/pages/willkommen.php">' .
                        '<img src="' . WB_URL . '/media/flags/DE.gif" alt="DE"/>' .
                        ' </a>', '', '', '', false, false); ?>
                <?php show_menu2(1, SM2_ROOT, SM2_START+0, SM2_TRIM|SM2_PRETTY,
                        '<a href= "' . WB_URL . '/pages/welcome.php">' .
                        '<img src="' . WB_URL . '/media/flags/EN.gif" alt="EN"/>' .
                        ' </a>', '', '', '', false, false); ?>
                <?php show_menu2(1, SM2_ROOT, SM2_START+0, SM2_TRIM|SM2_PRETTY,
                        '<a href= "' . WB_URL . '/pages/welcome.php">' .
                        '<img src="' . WB_URL . '/media/flags/US.gif" alt="US"/>' .
                        ' </a>', '', '', '', false, false); ?>
        </div><!--End chooselanguage-->

        </div><!--End headerthings-->
        </div><!--End headermask-->
        </div><!--End headerpic-->

<div class="mainbox">
        <div class="leftbox">
                <div id="menu">
                        <?php ob_start();
                                show_menu2(1,SM2_ROOT,SM2_CURR+1,'','<li><a href="[url]" class="[class]">[menu_title]</a>','</li>','<ul>','</ul>',false,false);
                                $menue = ob_get_contents();
                                ob_end_clean();
                                echo $menue;
                        ?>
                </div> <!--End menu-->
                <?php if(FRONTEND_LOGIN) { include('login.inc.php'); }
                ?><!--LOGIN_URL, LOGOUT_URL,FORGOT_URL-->

                <div class="contentinner">
                        <div class="logodoccheck">
                                <a title="Doc-Check" href="<?php echo WB_URL; ?>/">
                                <img src="<?php echo TEMPLATE_DIR; ?>/img/logo-doc-check.gif" alt="Doc-Check"/>
                                </a>
                        </div><!--End logodoccheck-->
                        <br/>
                        <br/>
                        <div class="bankbanner">
                                <a title="SOFORT-Banking" href="<?php echo WB_URL; ?>/">
                                <img src="<?php echo WB_URL; ?>/media/sofort-banking/ad-material/<?php echo LANGUAGE; ?>/banner/banner_175x75.png" alt="SOFORT-Banking"/>
                                </a>
                        <br/>
                        <br/>
                                <a title="Bank-Transfer" href="<?php echo WB_URL; ?>/">
                                <img src="<?php echo WB_URL; ?>/media/bank-transfer/<?php echo LANGUAGE; ?>/Bank-Transfer.png" alt="Bank-Transfer"/>
                                </a>
                        </div><!--End bankbanner-->
                </div><!--End contentinner-->
        </div><!--End leftbox-->

        <?php
        ob_start();
        page_content(1);
        $page_content_1 = ob_get_contents();
        ob_end_clean();
        ?>
        <div class="contentbox"><div class="contentinner"><?php echo $page_content_1; ?>
        </div></div><!--End contentbox-->';
        <div class="rightbox">

                <a title="Botox-100IU" href="<?php echo WB_URL; ?>/">
                        <img src="<?php echo WB_URL; ?>/media/products/Botox-100IU.png" alt="Botox-100IU"/>
                </a>
                <br/>
                <a title="Dysport-500IU" href="<?php echo WB_URL; ?>/">
                        <img src="<?php echo WB_URL; ?>/media/products/Dysport-500IU.png" alt="Dysport-500IU"/>
                </a>
                <br/>
                <a title="Juvederm-Ultra-4" href="<?php echo WB_URL; ?>/">
                        <img src="<?php echo WB_URL; ?>/media/products/Juvederm-Ultra-4.png" alt="Juvederm-Ultra-4"/>
                </a>
                <br/>
                <a title="Juvederm-Ultra-Smile" href="<?php echo WB_URL; ?>/">
                        <img src="<?php echo WB_URL; ?>/media/products/Juvederm-Ultra-Smile.png" alt="Juvederm-Ultra-Smile"/>
                </a>
                <br/>
                <a title="Restylane" href="<?php echo WB_URL; ?>/">
                        <img src="<?php echo WB_URL; ?>/media/products/Restylane.png" alt="Restylane"/>
                </a>
                <br/>
                <a title="Restylane-LIPP" href="<?php echo WB_URL; ?>/">
                        <img src="<?php echo WB_URL; ?>/media/products/Restylane-LIPP.png" alt="Restylane-LIPP"/>
                </a>
                <br/>
                <a title="Restylane-PERLANE" href="<?php echo WB_URL; ?>/">
                        <img src="<?php echo WB_URL; ?>/media/products/Restylane-PERLANE.png" alt="Restylane-PERLANE"/>
                </a>
                <br/>
                <a title="Merz-Radiesse" href="<?php echo WB_URL; ?>/">
                        <img src="<?php echo WB_URL; ?>/media/products/Merz-Radiesse.png" alt="Merz-Radiesse"/>
                </a>
                <br/>
                <a title="surgiderm-30" href="<?php echo WB_URL; ?>/">
                        <img src="<?php echo WB_URL; ?>/media/products/surgiderm-30.png" alt="surgiderm-30"/>
                </a>
                <br/>
                <a title="Latisse" href="<?php echo WB_URL; ?>/">
                        <img src="<?php echo WB_URL; ?>/media/products/Latisse.png" alt="Latisse"/>
                </a>
                <br/>
                <a title="Lumigan" href="<?php echo WB_URL; ?>/">
                        <img src="<?php echo WB_URL; ?>/media/products/Lumigan.png" alt="Lumigan"/>
                </a>
        </div><!--End rightbox-->
        <div class="clearfooter">&nbsp;
        </div>
</div><!--End mainbox-->
</div><!--End wrapper-->

<div class="footer">
<div class="footerleft"><?php page_footer(); ?></div>
<div class="footerright"><?php page_description(); ?><br/><a href="#">Up</a></div>
</div><!--End footer-->

</body>
</html>
Logged

jacobi22

  • Guest
Re: Page layout problem during order process
« Reply #6 on: March 16, 2013, 05:55:40 PM »
NOW i understand   :oops:
and i remember, this is an old Problem in bakery, i need some minutes to find the thread in the german bakery section
Logged

jacobi22

  • Guest
Re: Page layout problem during order process
« Reply #7 on: March 16, 2013, 06:09:54 PM »
if i remember correct  - i'm a old man ;-)
its the same problem here -> https://forum.WebsiteBaker.org/index.php/topic,23449.msg162700.html#msg162700

at first check the settings in Admin Tools - FrontEnd Output Filter and set Filter Mailadress to OFF, then check the page again, id its work and you need this output Filter, try the solution from the link in the top or  - a better way - make a upgrade to bakery 1.60
(but than save your changes in the old bakery files)
one way: rename the old bakery Folder to bakery2
delete alle files in the folder bakery and upload the bakery vers 1.60 to this folder
go to Addons -> Modules -> Advanced and start the upgrade file from bakery
Logged

Offline gearup

  • Posts: 82
Re: Page layout problem during order process
« Reply #8 on: March 16, 2013, 06:47:30 PM »
Hi jacobi22,

you cracked it, well done :-D  I never thought to look at the frontend filter settings.

When I set the "Filter Email addresses in text:" to disabled it now all displays OK.

I even undid the changes from posts earlier in this topic and it still is ok.

I will sleep better tonight. :)

Now I have only a login problem left to find a solution for...

Thanks again.
Logged
Tomorrow is a day we can look forward to but will never see.
  • Print
Pages: [1]   Go Up
  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Bakery Shop »
  • Page layout problem during order process(SOLVED)
 

  • SMF 2.0.19 | SMF © 2017, Simple Machines
  • XHTML
  • RSS
  • WAP2