WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Bakery Shop => Topic started by: Smile on March 19, 2014, 01:55:51 PM

Title: Page Help Please
Post by: Smile on March 19, 2014, 01:55:51 PM
Hi me again

Help and or advice please..... i have been setting up an online shop for a friend with WB Bakey all is going well and i am finding my way around and learning.

Following information found on the forum i have made some mods and all is working fine, apart from a page showing a "code call "in brackets!! and i cant fine the page it comes from or what i did.




Shopping Cart

Order#: 21
___________________ ___________________ ___________________ ______________
     
           SKU# Product Name    Quantity Price  {TXT_SHIPPING} Sum


___________________ ___________________ ___________________ _______________ 
     
        Shockabsorbers Active
          S109    D+ Classic       

        Black : Size 30 Cup D     25.00    {SHIPPING}    25.00
___________________ ___________________ ___________________ ______________

Please any advise on how to find this problem.

Many thanks.
Title: Re: Page Help Please
Post by: Smile on March 20, 2014, 11:54:43 AM
Please any small advice would help me.
Title: Re: Page Help Please
Post by: jacobi22 on March 20, 2014, 12:10:35 PM
{TXT_SHIPPING} and {SHIPPING} are placeholders for textvariables, but you canot use this placeholders in every bakery-template. Go to bakery page setting and there to HELP to read the instruction

more informations maybe helpfull
your bakery version?
your php-version?
where is the problem in bakery?
Title: Re: Page Help Please
Post by: Smile on March 21, 2014, 10:57:26 AM
Many thanks for you advice, being a novice i do find it a bit over my head sometimes.  However i have solved this problem it was in the "view cart" file.

But i have another, its a bit hard to describe but its on the page 2 of the cart process "terms & conditions & payment method" page, the whole page overlaps to the right edge of the page body, all apart from the menus of the left need to move left by about half an inch, or squash in smaller!!
Could anyone please advise how to do this.

Bakery 1.7.0
P.H.P mysql 5

Many thanks
Title: Re: Page Help Please
Post by: Smile on March 24, 2014, 12:47:17 PM
Please i would like a little help.

I have found what needs to be done by using firefox viewer and this is the bit of code that needs changing, the 98% needs to be 80% but i cannot find what file this code is in, can anyone guide me in the dirrection please.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">

    <head></head>
    <body>
        <!--

         mainContainer holds the thin line and everything …

        -->
        <div id="mainContainer">
            <!--

             everything within the white bordered area

            -->
            <div id="container">
                <!--

                 masthead holds the header and page title in semi …

                -->
                <div id="masthead"></div>
                <!--

                sidebar holds menu, search and login

                -->
                <div id="sidebar"></div>
                <!--

                 now throw all your content here:

                -->
                <div id="mainContent">
                    <a id="wb_12" class="section_anchor" name="wb_12"></a>
                    <div id="mod_bakery_wrapper_ f">
                        <h2 class="mod_bakery_h_f"></h2>
                        <p id="txt_js_agree" style="display: none;"></p>
                        <form method="post" action="http://bragility.co.uk/pages/on-line-shop.php">
                            <input type="hidden" value="true" name="summary"></input>
                            <table width="98%" cellspacing="0" cellpadding="0" border="0">
                                <tbody>
                                    <tr></tr>
Title: Re: Page Help Please
Post by: jacobi22 on March 24, 2014, 12:59:19 PM
its difficult for me to understand the problem, because, i'm a german  :roll:

leave bakery table width's as it is, set your favorite width in the div mainContent around the bakery tables

bakery use 98% or 100% from the avaiable width  - thats work for all solutions.
if you dont need the 98% build a smaller div inside from mainContent and arround the bakery tables
Title: Re: Page Help Please
Post by: Smile on March 24, 2014, 01:35:15 PM
Thank you for the reply, i am not to sure of how to amend this but will try and find your idea and see if it works.

To me just changing the 98% to 80% just seem an easy option but i know it would not be that easy.

where do i find the  div mainContent of bakery? many thanks.
Title: Re: Page Help Please
Post by: jacobi22 on March 24, 2014, 02:01:17 PM
div mainContent is a part from your template

to build a div arround bakery go to bakery page settings and put a new code-line in the first row of layout header like
Code: [Select]
<div class="myBakery">
and a closed div in the last line of the footer-field like

Code: [Select]
</div>
Title: Re: Page Help Please
Post by: Smile on March 25, 2014, 08:31:24 AM
Thanks Jacob  I think I understand the workings of what you showed me but I don't have any idea what I should  do next, sorry not a programmer !! 

The problem I have is only on this one page  with the payment methods all in boxes or frames that overlap the page.  In Firefox inspecting the source, if I change the 98%  to 80%  the whole page is perfect  but this as you know cannot  be .saved .  That's why I am struggling !!
Title: Re: Page Help Please
Post by: jacobi22 on March 25, 2014, 09:57:54 AM
Thanks Jacob  I think I understand the workings of what you showed me but I don't have any idea what I should  do next, sorry not a programmer !! 

but i think, you can read my post
...go to bakery page settings and put a new code-line in the first row of layout header like
Code: [Select]
<div class="myBakery">
and a closed div in the last line of the footer-field like

Code: [Select]
</div>
Title: Re: Page Help Please
Post by: Smile on March 25, 2014, 12:55:06 PM
Thank you, sorry for being stupid

<div class="myBakery">
<div class="mod_bakery_main_div _cart_bt_f">
<form action="[SHOP_URL]" method="post">
<input type="submit" name="view_cart" class="mod_bakery_bt_cart_ f" value="[VIEW_CART]" />
</form>
</div>

and the footer

<td width="35%" align="left">[PREVIOUS_PAGE_LINK]</td>
<td width="30%" align="center">[TXT_ITEM] [OF] </td>
<td width="35%" align="right">[NEXT_PAGE_LINK]</td>
</tr>
</table>
</div>

If this is correct, what should happen or what should i do next
Title: Re: Page Help Please
Post by: jacobi22 on March 25, 2014, 02:18:52 PM
yes, thats correct

after that, you need another code-line in the frontend.css from bakery or in your template css-File

Code: [Select]
.myBakery {width:80%;}
Title: Re: Page Help Please
Post by: Smile on March 25, 2014, 02:54:48 PM
Thank you

dose it matter on what line the code is put?

and is there anything else i should do
Title: Re: Page Help Please
Post by: jacobi22 on March 25, 2014, 03:18:08 PM
Quote
dose it matter on what line the code is put?

every entry in this css-file was open with a { and close with a }
Quote
.myBakery {width:80%;}
be sure, that you use a new empty line and that you are not inside a existed entry there

put it at the last line :wink:

Title: Re: Page Help Please
Post by: Smile on March 25, 2014, 03:33:36 PM
Ok done that but the problem is still showing!!!

If i open the site with Crome its ok and also on my ipad its not a problem but IE and firefox is.
Title: Re: Page Help Please
Post by: jacobi22 on March 25, 2014, 03:56:36 PM
you have a empty entry in your css, only a

Quote
.myBakery {
}

i see, i have a write error in the css code in my last post, sorry for that. check, that you have exact this line here in your css

Code: [Select]
.myBakery {width:80%;}
Title: Re: Page Help Please
Post by: jacobi22 on March 25, 2014, 03:59:38 PM
p.s.: i dont know, why you need this 80%, it looks good for me with 100%

maybe you make a screenshot from your problem
Title: Re: Page Help Please
Post by: Smile on March 25, 2014, 04:05:46 PM
Thank you

yes i have checked and it seems ok

}
.mod_bakery_informa tion_f {
   text-align: left;
   margin-top: 5px;
   border: solid 1px #FFD700;
   background-color: #FFFFDD;
   background-image: url(images/information.gif);
   background-position: 15px center;
   background-repeat: no-repeat;
}
.mod_bakery_informa tion_f p {
   padding-left: 60px;
   padding-right: 6px;
}
.myBakery {width:80%;}

at line 443

still no change to the page!!
Title: Re: Page Help Please
Post by: jacobi22 on March 25, 2014, 04:18:44 PM
the code works for me and your bakery table are smaller now - but i dont know, why you need this

i see, the new class doesnt work for all bakery pages, maybe it help's, if you go back to start

delete this new lines from your bakery page settings
in header-field
Code: [Select]
<div class="myBakery">
in footer-field
Code: [Select]
</div>
and the new css-class from your frontend.css
Code: [Select]
.myBakery {width:80%;}
search then in the bakery frontend.css for this code in the top of the file

Quote
/* GENERAL */
#mod_bakery_wrapper_f {
background-color:transparent;
padding:10px;
width:98%}

feel free to change the width here - this setting works for all bakery pages incl payment etc
Title: Re: Page Help Please
Post by: Smile on March 25, 2014, 04:31:25 PM
Thats interesting i dont seem to have those lines!!

/* GENERAL */

.mod_bakery_h_f {
   text-align: left;
}
.mod_bakery_ordernu m_f {
   font-weight: bold;
}
.mod_bakery_hr_f {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #C5C5C5;
    margin: 1em 0;
    padding: 0;
}

should i add them?
Title: Re: Page Help Please
Post by: jacobi22 on March 25, 2014, 04:39:18 PM
Quote
Thats interesting i dont seem to have those lines!!
should i add them?

yes, i think, thats a good idea ;-)

Code: [Select]
#mod_bakery_wrapper_f {
background-color:transparent;
padding:10px;
width:98%}

maybe you need not all this lines


Title: Re: Page Help Please
Post by: Smile on March 25, 2014, 05:00:43 PM
(http://www.bragility.co.uk/screen1.htm)

screen shot of the page

http://www.bragility.co.uk/screen1.htm

Title: Re: Page Help Please
Post by: jacobi22 on March 25, 2014, 06:39:25 PM
now i see the problem on the payment step and i dont know, why the table goes to the right side   :roll:

have you change something in this template in the folder bakery / templates / pay_methods?

the source code shows a error before this lines

Code: [Select]
<tr>
  <td colspan="2"><h3 class="mod_bakery_pay_h_f">Cash on Delivery</h3></td>
</tr>

and after this lines

Code: [Select]
<tr>
<td colspan="2">
<hr class="mod_bakery_hr_f" />
<p class="mod_bakery_pay_method_f">Please select a Payment Method:</p>
</td>
</tr>
<tr>

the <tr> in the last line is too much

its the last line in the file /  bakery / templates / pay_methods / title.htm
Title: Re: Page Help Please
Post by: Smile on March 25, 2014, 07:08:23 PM
Fantastic that's the problem the page is fine now just removed the <tr> and that's it.  I don't now what or why i have not touched any html files.

Jacobi many many thanks for your time and help, lets hope that is now my last problem.

Thank you.

Alan :-D
Title: Re: Page Help Please
Post by: jacobi22 on March 25, 2014, 07:21:12 PM
the wrong <tr> is a part from the original-code

i'll inform the module author about that