Invincible border!

[ladysaat]

Sure Andre! Web Developer

[ladysaat]

oh no! okay lets start from the beginning. You are using the PHP to create your layout? That part I cannot help you with as I used the CSS style sheet to create mine and only used the PHP to change text etc.

Do you have the Firefox and stuff installed. if not do that. Then open up your store. (not the admin the actual store).


somewhere on your computer, easy for you to find, create a folder, name it something.


Click on CSS in the web dev tool bar that is ontop of your browser. Pick Edit CSS.

I also usually start by Displaying ID & Class details too so I can match the thing-a-ma-jiggy with the css term controlling it. (Tool bar also)

Okay so pick something to change. How about your background color. Go to body, change the color.

now look to the left above the CSS. You'll see four tiny icons on the left side. A folder, a green arrow thingy, scissors, and a refresh thingy.

Click the green arrow thingy. A save dialog box will come up. Save the CSS as Stylesheet.css and make sure you save it in that folder you created earlier. Now keep making whatever changes you want.


********************************************************

Okay now to zen side.

Do you have a custom template created? Meaning the over ride thing not a custom design.

if so: upload that changed stylesheet.css to the /custom/css folder and erase/overwrite the one there.

in the /custom/common folder is where you would put the .php files you have picked from /template_default/common and changed. And ONLY the changed ones. There's a goob of em in there. Just pick the ones you really need to change the feature you want. Then put it in the /custom/common folder.




okay so was that clear as mud??



ETA: What are you using to upload/download the files you are working on? What editor are you using? you have to edit the files on your computer with something (like dreamweaver, crimson editor...) then upload them to your custom folder ON the server in the /store directory... you know where the zen stuff is.

[seethrou]

HOWEVER, the top banner consistently keeps a border, which breaks the flow of the graphics. It should be seamless. Can we ever get rid of that border?

Please take the advices you have in the discussion above.

Anyway, for the border you don't want.
And The following is portion of the page source from your site.

<tr>
<!-- All HEADER_ definitions in the columns below are defined in includes/languages/english.php //-->

<td width='1000' valign='middle' height='109'>
<a href='http://YOUR_SITE_ADDRESS/store/index.php?main_page=index'>
<img width='1000' height='109' title=' YOUR Company [home link] ' alt='YOUR Company [home link]' src='includes/templates/classic/images/gckctop.jpg' />
</a>

</td>

<td valign='top' align='center'>
<h1>
</h1>

</td>

</tr>

Please note in above, the table cell and tag of:

<td valign='top' align='center'>
<h1>
</h1>

</td>

They still occupy space although don't have text in it.
You should remove the tag of <h1></h1> and/or the text from your file.

And the file should be located in you override directory:-
includes/languages/english/YOUR_TEMPLATE/header.php

around line 21 - 25 in the original file

define('HEADER_SALES_TEXT', '<h1>Sales Message Goes Here /or/ TagLine Here</h1>');
define('HEADER_LOGO_WIDTH', '200px');
define('HEADER_LOGO_HEIGHT', '70px');
define('HEADER_LOGO_IMAGE', 'logo.gif');

Another problem, it look like that you are using the classic template directly. And it is not a good practice.
Please read the docs about how to use the override for template and files.

.

[andrelefebvre]

oh no! okay lets start from the beginning. You are using the PHP to create your layout? That part I cannot help you with as I used the CSS style sheet to create mine and only used the PHP to change text etc.

Hi, thakns for the tips... OK, I'm trying to walk this through here. I got the WebDev installed. I can see Edit CSS and play around changiong a few things. Thanks for that. It helps. I created a folder and saved the new CSS in it with a new name. So far so good.

Click the green arrow thingy. A save dialog box will come up. Save the CSS as Stylesheet.css and make sure you save it in that folder you created earlier. Now keep making whatever changes you want.

Issue is to understand what needs to be changed via CSS and what needs to be changed via ADMIN, and then via PHP... I see HeaderWrapper in CSS (display ID class). There is also TAGLINE in there. So if I want to INSERT a picture in the header, I don't know where to go.

Using the classic template before, I modified the header.php file in the language folder. I would prefer your method as in: make changes in CSS and edit text in PHP.

I use FileZilla to upload/download and HomeSite to edit my files, Frontpage for CSS.

********************************************************

Okay now to zen side.

Do you have a custom template created? Meaning the over ride thing not a custom design.

Not sure I got the "override" concept right. it sounds pretty complicated. I created a new template named with a new name. Does that qualify for an override?

if so: upload that changed stylesheet.css to the /custom/css folder and erase/overwrite the one there.

Are you saying that in this new folder I created for a new template, I should also have a CUSTOM folder created, which would be found in the COMMON folder I also created in there?

in the /custom/common folder is where you would put the .php files you have picked from /template_default/common and changed. And ONLY the changed ones. There's a goob of em in there. Just pick the ones you really need to change the feature you want. Then put it in the /custom/common folder.

That will help reduce the confusion. So ZenCart will not be looking for everything, but only some of the folders and elements, then?

okay so was that clear as mud??

Step by step... :) I like your approach... thanks!

[andrelefebvre]

Please take the advices you have in the discussion above.

Anyway, for the border you don't want.
And The following is portion of the page source from your site.

<tr>
<!-- All HEADER_ definitions in the columns below are defined in includes/languages/english.php //-->

<td width='1000' valign='middle' height='109'>
<a href='http://YOUR_SITE_ADDRESS/store/index.php?main_page=index'>
<img width='1000' height='109' title=' YOUR Company [home link] ' alt='YOUR Company [home link]' src='includes/templates/classic/images/gckctop.jpg' />
</a>

</td>

<td valign='top' align='center'>
<h1>
</h1>

</td>

</tr>

Please note in above, the table cell and tag of:

<td valign='top' align='center'>
<h1>
</h1>

</td>

They still occupy space although don't have text in it.
You should remove the tag of <h1></h1> and/or the text from your file.

And the file should be located in you override directory:-
includes/languages/english/YOUR_TEMPLATE/header.php

around line 21 - 25 in the original file


Another problem, it look like that you are using the classic template directly. And it is not a good practice.
Please read the docs about how to use the override for template and files.

.

Thanks!

I'm starting over in order to use the right folders so will I need to do this again? Also, when using the sidebar on the left (http://www.canadiankitecompany.com) will I be able to bring in the menu I made for this site?

Isn't there a simple way to just grab the whole store and drop it in a template between tables? :)

Back to work...

[kobra]

No need to start completely over... Grab from the downloads templates section one of the 1.3.x templates. Follow the install instructions and you should get a start rather quickly.

If you stay with whee you are and style it to your liking...delete the stylesheet_new.css file from your named template folder to preclude confusion as this one is not required nor wanted with this new template that you have started.

[ladysaat]

I'm sorry! I didn't explain where /custom was....



when you go to /includes/templates/ you see


/classic
/template_default

Right?

Okay so you'd make /custom right with them. "Custom" being whatever name you want. Then /Custom is actually YOUR template. You copy the folders: CSS, Common, Images and any other ones you need from /template_default into the /custom folder. For the CSS you need to have your CSS stylesheet IN that /custom/css folder. Is that better? I know it's really kinda confusing.



Okay so you can define the image in tpl_header.php I believe. Or you can use the CSS and go to say, #logoWrapper and make it the background image. I KNOW I did mine in a wierd way so I'm hoping Kobra straightens out what I just said to the correct way (or anyone of the KNOWbees, he just happens to be on this thread etc.).

Play around with the .php files in /template_default. Meaning.... download them to the special file on your computer and then open them to see what they have inside. Pick .php folders with names of things you are interested in like header, main_page, footer etc... See what the code has in it. Then Do a search here on the forum with that bit of code or the filename. You'll pull up the relevant posts where people are talking about what they used that particular file for.


This is why you see people working for 3 weeks or whatever on the cart and seem like they are eaking forward in progress ( I do like to make up my own vocabulary ) but it's because there is so much to use and know and tools and stuff! Have fun with it! Step back from it when it becomes NOT fun. Then come back later.

[andrelefebvre]

I'm sorry! I didn't explain where /custom was....
when you go to /includes/templates/ you see

/classic
/template_default

Right?

Okay so you'd make /custom right with them. "Custom" being whatever name you want. Then /Custom is actually YOUR template. You copy the folders: CSS, Common, Images and any other ones you need from /template_default into the /custom folder. For the CSS you need to have your CSS stylesheet IN that /custom/css folder. Is that better? I know it's really kinda confusing.

Thanks, oh yes that helps... now, do I need to keep ALL the CSS files that were in the default CSS folder? Are they all needed? I have:

- print_stylesheet.css
- stylesheet.css
- stylesheet_css_buttons.css
- stylesheet.new.css

When I right-click and look at the View Source of my page, i see they all are used, but so where would I change what CSS i use, or do I simply just resave my new CSS with changes, and name it as one of the CSS files? and which one??

Okay so you can define the image in tpl_header.php I believe. Or you can use the CSS and go to say, #logoWrapper and make it the background image. I KNOW I did mine in a wierd way so I'm hoping Kobra straightens out what I just said to the correct way (or anyone of the KNOWbees, he just happens to be on this thread etc.).

Play around with the .php files in /template_default. Meaning.... download them to the special file on your computer and then open them to see what they have inside. Pick .php folders with names of things you are interested in like header, main_page, footer etc... See what the code has in it. Then Do a search here on the forum with that bit of code or the filename. You'll pull up the relevant posts where people are talking about what they used that particular file for.

This is why you see people working for 3 weeks or whatever on the cart and seem like they are eaking forward in progress ( I do like to make up my own vocabulary ) but it's because there is so much to use and know and tools and stuff! Have fun with it! Step back from it when it becomes NOT fun. Then come back later.

Thanks for the tips and the humor...

[andrelefebvre]

No need to start completely over... Grab from the downloads templates section one of the 1.3.x templates. Follow the install instructions and you should get a start rather quickly.

If you stay with where you are and style it to your liking...delete the stylesheet_new.css file from your named template folder to preclude confusion as this one is not required nor wanted with this new template that you have started.

thanks! when I look at the stylesheet_new.css in my custom folder, it seems it is the one that has been saved with all the changes. If I delete it however, all of the sudden I find that my page width is what I wanted it to be, but if I then edit the stylesheet.css, i just can't affect any more changes.

???

back at it... this thing gotta work!

[andrelefebvre]

OK, I just figured something out. All folders and files located BEFORE the TEMPLATES directory will be used by ZenCart to also affect the layout. The custom folder and template I created will not be the only thing affecting the look of the site.

back at it...