Page 1 of 3 123 LastLast
Results 1 to 10 of 24
  1. #1

    Default Using my own template

    Hi,

    I need some help with using my own template to create my online store.

    Here's the template I've designed
    ihost-websites.com/SINKBIZ

    Here's my current template
    http://www.sinkbiz.com
    after following the directions for making a new template at: http://www.zen-cart.com/wiki/index.p...lates_-_Create

    Questions:

    What's the easiest and quickest way to create my custom template?


    Thanks

  2. #2
    Join Date
    Aug 2004
    Location
    New York City
    Posts
    7,174
    Plugin Contributions
    0

    Default Re: Using my own template

    The first link (to the design) doesn't work, but creating a template for Zen Cart involves several files (depending on what you want to do) and images.

    This list is a bit outdated, but it'll give you an idea where to start to create a very basic custom template (you can build from there):
    • includes/languages/YOUR_TEMPLATE/english.php
    • includes/languages/english/YOUR_TEMPLATE/index.php
    • includes/languages/english/YOUR_TEMPLATE/meta_tags.php
    • includes/languages/english/YOUR_TEMPLATE/header.php (to change the logo)
    • includes/templates/YOUR_TEMPLATE/template_info.php
    • includes/templates/YOUR_TEMPLATE/common/tpl_header.php
    • includes/templates/YOUR_TEMPLATE/common/tpl_footer.php
    • includes/templates/YOUR_TEMPLATE/images/logo.gif
    • includes/templates/YOUR_TEMPLATE/css/stylesheet.css


    Anywhere you see a /classic/ folder, you can create a folder for your custom template. You can copy the necessary files from either the /classic/ folder, the /template_default/ folder or the parent folder.

    Edit includes/templates/YOUR_TEMPLATE/template_info.php to give your template identifying information so you'll recognize it in the admin under tools->template selection.
    Mary Ellen
    I came; I saw; I Zenned
    Taking over the world... one website at a time
    Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

    Holzheimer
    Fan Odyssey

  3. #3

    Default Re: Using my own template

    Thanks afo...please clarify

    Do I need to edit the php code of all the files you suggested (I hope not)?

    Here's the exact design I want my store ot look like:
    http://www.ihost-websites.com/SINKBIZ

    Here's the beginning file structure I've created for my new zen cart template
    from following: http://www.zen-cart.com/wiki/index.p...lates_-_Create

    They were copied over from the default template...was this the correct thing to do?

    common
    css
    images
    templates
    template_info.php

    Where do I go from here to achieve my original design?

  4. #4
    Join Date
    Aug 2004
    Location
    New York City
    Posts
    7,174
    Plugin Contributions
    0

    Default Re: Using my own template

    First, go into the admin and turn off the right sideboxes. Start with admin->tools->layout boxes controller and configuration->layout settings.

    Change the colors in includes/templates/YOUR_TEMPLATE/css/stylesheet.css.

    Change the logo/header in includes/languages/english/YOUR_TEMPLATE/header.php.

    Give your template a name (if you haven't already) in includes/templates/YOUR_TEMPLATE/template_info.php

    After that, it depends on what you want to do. Refer to the list I posted because it'll give you clues on where some things are... aside from the clues that exist in the default templates.
    Mary Ellen
    I came; I saw; I Zenned
    Taking over the world... one website at a time
    Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

    Holzheimer
    Fan Odyssey

  5. #5

    Default Re: Using my own template

    Thanks Mary...I was hoping I could just use my own style sheet instead of editing theirs.

    Where is the CSS code for changing the color for the right column?

  6. #6
    Join Date
    Aug 2004
    Location
    New York City
    Posts
    7,174
    Plugin Contributions
    0

    Default Re: Using my own template

    Look for the following section in your stylesheet and change the color to whatever you want.

    Code:
    .sideBoxContent {
    	background-color: #ffffff;
    	padding: 0.4em;
    	}
    I suggest you get the Firefox browser with the web developer addon which will allow you to tinker with the stylesheet and see the results immediately (among other things). You'll need to save the changes separately and upload them to your site to make them permanent.
    Mary Ellen
    I came; I saw; I Zenned
    Taking over the world... one website at a time
    Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

    Holzheimer
    Fan Odyssey

  7. #7

    Default Re: Using my own template

    Thanks Mary..you're very helpful
    I'm slowly getting there (see sinkbiz.com)

    More questions:

    1. I wish to reduce the number of navigation bars (let me know if this is not a good idea)
    How do I remove/turn off the main top nav bar (ie hardware etc) since its already located in the sidebar?

    2. Remove ezpages nav bar?

    3. Remove login (next to home)? Is this link for multiple users?

    Thanks

  8. #8
    Join Date
    Aug 2004
    Location
    New York City
    Posts
    7,174
    Plugin Contributions
    0

    Default Re: Using my own template

    I think you can turn some of that off in the admin, but I'm not 100% certain.
    Mary Ellen
    I came; I saw; I Zenned
    Taking over the world... one website at a time
    Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

    Holzheimer
    Fan Odyssey

  9. #9
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default Re: Using my own template

    1. Admin - Configuration - Layout Settings - Categories Tabs Menu ON/OFF

    2. I think you'll have to edit a template file for that.

    3. The login links to a page where existing customers can log in, and new customers can create an account. Zencart requires your customers to create an account in order to purchase products (unless you've installed one of the 'checkout without account' mods).

  10. #10

    Default Re: Using my own template

    Thank you!

    How do I turn off...

    New products for July
    Featured Products
    Monthly Specials for July

    I'd like to add a paragraph of text to the top of the page under Welcome
    and display 4 of my most popular products

    How do I do this..I couldn't find it in the tutorials?

 

 
Page 1 of 3 123 LastLast

Similar Threads

  1. using my own web template
    By hangman21 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 25 Jul 2010, 09:22 AM
  2. using my own web template
    By hangman21 in forum Templates, Stylesheets, Page Layout
    Replies: 14
    Last Post: 20 May 2010, 10:23 PM
  3. Really Need Help with using my own template look
    By RandyNiles in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 28 Feb 2009, 11:22 PM
  4. I edited the original template, how do I create my own template from it now?
    By alma in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 12 Sep 2007, 11:07 PM
  5. Base template to use for creating my own customized template?
    By liya in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 9 Mar 2007, 10:28 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg