Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Creating New Pages - Turning Zencart into my only website!

Creating New Pages - Turning Zencart into my only website!

Views: 2,681

Results 1 to 20 of 24
22 Mar 2011, 6:36 PM
#1
thec0wboy avatar

thec0wboy

New Zenner

Join Date:
Mar 2011
Posts:
34
Plugin Contributions:
0

Creating New Pages - Turning Zencart into my only website!

Hello Everyone!

I did try to search for an answer here, but I didn't have much luck.

I am completely new to Zencart and the whole web/ecommerce scene.

I have created a weebly website, and have a few products that I sell using paypal buttons. I was originally going to leave my weebly site as my main site, and simply use Zencart as my store. After reading a few posts, I was persuaded to turning Zencart into my only site!

Although Zencart is already built with alot of extra pages (about us, privacy policy etc) I would like to add a few additional pages that I currently use on my weebly site. Can someone explain how I can go about doing this, or direct me to where I can find that information!

Thanks so much! From what I have read so far, the Zencart forum is a fantastic community.

thec0wboy

:smile:

22 Mar 2011, 6:43 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Creating New Pages - Turning Zencart into my only website!

I would like to add a few additional pages that I currently use
I assume that these pages are html pages....

Copy ONLY the content that is between the body tags and paste into a new ezpage
This assumes that the page has no navigation that

If it does, then determine ONLY the content part and copy & paste it into an new ezpage

There is a limit the HTML can store approximately 65,000 characters - anything above that will be lost

22 Mar 2011, 6:43 PM
#3
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Creating New Pages - Turning Zencart into my only website!

EZ-pages
In admin > tools > manage ez-pages
you can create all the pages you need.

22 Mar 2011, 6:44 PM
#4
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Creating New Pages - Turning Zencart into my only website!

kobra is always a click ahaead ;)

22 Mar 2011, 6:46 PM
#5
janissaire avatar

janissaire

Zen Follower

Join Date:
Sep 2008
Location:
Toronto, Ontario, Canada
Posts:
474
Plugin Contributions:
0

Re: Creating New Pages - Turning Zencart into my only website!

I'm currently at work so hard to give you definitive answer but...

Leave the Catalogue alone

in the base set up you will see another catlogue that says

page 2,3,4 etc.

Find any one of those files define_page_2 etc and copy them - name them

Page 6,7,8 etc

then there's another part of the code that points to it inside another file - I assume you would then to the same copy paste thing inside the code and save it.

DO THIS ON YOUR LOCAL FIRST

22 Mar 2011, 6:47 PM
#6
janissaire avatar

janissaire

Zen Follower

Join Date:
Sep 2008
Location:
Toronto, Ontario, Canada
Posts:
474
Plugin Contributions:
0

Re: Creating New Pages - Turning Zencart into my only website!

LOL 2 clicks ahead HA!

22 Mar 2011, 6:48 PM
#7
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Creating New Pages - Turning Zencart into my only website!

janissaire,

There are 8 files/edits required to create another define page
You can review what is required in the about us 3rd party module

22 Mar 2011, 6:50 PM
#8
thec0wboy avatar

thec0wboy

New Zenner

Join Date:
Mar 2011
Posts:
34
Plugin Contributions:
0

Re: Creating New Pages - Turning Zencart into my only website!

INCREDIBLE!

That must be the quickest multiple response that I have ever experienced! :cool:

It's too bad that I am also at work and don't have time to test the ezpages and let you all know how it goes. I'll give it a shot tonight and report back.

Thanks so much everyone. And to think, my friend said Zencart would be too difficult to use :)

22 Mar 2011, 7:02 PM
#9
thec0wboy avatar

thec0wboy

New Zenner

Join Date:
Mar 2011
Posts:
34
Plugin Contributions:
0

Re: Creating New Pages - Turning Zencart into my only website!

So, I couldn't help myself and setup my first "test" ezpage.

I don't understand how to add images into the html code, and I can't see the new page on my website. I was hoping to have it display on the top where my "home" page button is.

Here's the site I'm starting to setup;

http://beautifulexpressions.hwyman.com/zencart/

Thanks again :)

22 Mar 2011, 7:09 PM
#10
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Creating New Pages - Turning Zencart into my only website!

Ezpages will be displayed in the "Important information" side box which you do not have enaqbled
admin > tools > layout box controller

I was hoping to have it display on the top where my "home" page button is.
There is not much real estate where that button is unless your page is very small

Think you are confusing adding pages with customizing your header

22 Mar 2011, 7:22 PM
#11
thec0wboy avatar

thec0wboy

New Zenner

Join Date:
Mar 2011
Posts:
34
Plugin Contributions:
0

Re: Creating New Pages - Turning Zencart into my only website!

Thanks for your help, updated it with it displaying in the header and it all works now! That is an "ez" page :)

I was hoping to create a few pages that look similar to my current weebly website.

http://beautifulexpressions.weebly.com/quote-library.html

How does one go about uploading images into Zencart? Sorry, I know I'm really clueless here.

Thanks again!

22 Mar 2011, 7:33 PM
#12
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Creating New Pages - Turning Zencart into my only website!

Try pasting this into an ezpage which is the content of that page minus the head, scripts & footter stuff as I stated initially

<div id='weebly_page_content_container'><div  class="paragraph editable-text" style=" text-align: center; "><font size="2">To calculate the pricing of vinyl quotes simply use the following equations (use inches as unit of measurement);</font><br /><span></span><br />Order 1 quote -  (Height + Width x .75) = <br /><span></span><span>Order 2 or more quotes - (Height + Width x .65) = </span><br /><br /><span>Example: </span>4" tall + 36" wide x .75 = $30.00<br /><span>$10.00 minimum order.</span></div>

<div ><div style="height: 20px; overflow: hidden; width: 100%;"></div>
<hr style="background-color:#777777; border:0pt none; color:#777777; height:1px; margin:0 auto; text-align: center; width:100%;"></hr>
<div style="height: 20px; overflow: hidden; width: 100%;"></div></div>

<div ><div id="240608977547610383-parent" class="weebly-splitpane-2" style="width: 100%;">
  <div id="240608977547610383-lhs" class="column" style="width: 46.2415%; float: left; overflow: visible; margin: 0; padding: 0;">
    <div style="padding-right: 5px;" class="columnlistp">
       <div ><div style="text-align: left;"><a href='/saying---bathroom.html'><img src="/uploads/3/6/7/0/3670872/8213295.png?395" style="margin-top: 10px; margin-bottom: 10px; margin-left: 0; margin-right: 10px; border-width:0;" alt="Picture" class="galleryImageBorder" /></a><div style="display: block; font-size: 90%; margin-top: -10px; margin-bottom: 10px;"></div></div></div>


    </div>
  </div>

  <div id="240608977547610383-rhs" class="column" style="width: 52.7584%; left: 52.7584%; float: left; overflow: visible; margin: 0; padding: 0;">
    <div style="padding-left: 5px;" class="columnlistp">
       <div ><div style="text-align: center;"><a href='/saying---childrens-room.html'><img src="/uploads/3/6/7/0/3670872/2491791.png?373" style="margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; border-width:0;" alt="Picture" class="galleryImageBorder" /></a><div style="display: block; font-size: 90%; margin-top: -10px; margin-bottom: 10px;"></div></div></div>

 
    </div>
  </div>

  

</div>

<div style="clear: both; visibility: hidden; height: 0px; overflow: hidden;"></div></div>

<div ><div id="156412485832506976-parent" class="weebly-splitpane-2" style="width: 100%;">
  <div id="156412485832506976-lhs" class="column" style="width: 46.0168%; float: left; overflow: visible; margin: 0; padding: 0;">
    <div style="padding-right: 5px;" class="columnlistp">
       <div ><div style="text-align: center;"><a href='/saying---family.html'><img src="/uploads/3/6/7/0/3670872/1441387.png" style="margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; border-width:0;" alt="Picture" class="galleryImageBorder" /></a><div style="display: block; font-size: 90%; margin-top: -10px; margin-bottom: 10px;"></div></div></div>


    </div>
  </div>
  <div id="156412485832506976-rhs" class="column" style="width: 52.9831%; left: 52.9831%; float: left; overflow: visible; margin: 0; padding: 0;">
    <div style="padding-left: 5px;" class="columnlistp">

       <div ><div style="text-align: center;"><a href='/saying---holidays.html'><img src="/uploads/3/6/7/0/3670872/8023503.png?388" style="margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; border-width:0;" alt="Picture" class="galleryImageBorder" /></a><div style="display: block; font-size: 90%; margin-top: -10px; margin-bottom: 10px;"></div></div></div>

 
    </div>
  </div>

  

</div>

<div style="clear: both; visibility: hidden; height: 0px; overflow: hidden;"></div></div>

<div ><div id="883931156542149872-parent" class="weebly-splitpane-2" style="width: 100%;">
  <div id="883931156542149872-lhs" class="column" style="width: 49.5%; float: left; overflow: visible; margin: 0; padding: 0;">
    <div style="padding-right: 5px;" class="columnlistp">

       <div ><div style="text-align: center;"><a href='/saying---home.html'><img src="/uploads/3/6/7/0/3670872/9405825.png" style="margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; border-width:0;" alt="Picture" class="galleryImageBorder" /></a><div style="display: block; font-size: 90%; margin-top: -10px; margin-bottom: 10px;"></div></div></div>


    </div>
  </div>
  <div id="883931156542149872-rhs" class="column" style="width: 49.5%; left: 49.5%; float: left; overflow: visible; margin: 0; padding: 0;">
    <div style="padding-left: 5px;" class="columnlistp">
       <div ><div style="text-align: center;"><a href='/saying---kitchen.html'><img src="/uploads/3/6/7/0/3670872/909773.png?390" style="margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; border-width:0;" alt="Picture" class="galleryImageBorder" /></a><div style="display: block; font-size: 90%; margin-top: -10px; margin-bottom: 10px;"></div></div></div>

 
    </div>

  </div>

  

</div>

<div style="clear: both; visibility: hidden; height: 0px; overflow: hidden;"></div></div>

<div ><div id="534584127361623672-parent" class="weebly-splitpane-2" style="width: 100%;">
  <div id="534584127361623672-lhs" class="column" style="width: 49.5%; float: left; overflow: visible; margin: 0; padding: 0;">
    <div style="padding-right: 5px;" class="columnlistp">
       <div ><div style="text-align: center;"><a href='/saying---love.html'><img src="/uploads/3/6/7/0/3670872/8649776.png?363" style="margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; border-width:0;" alt="Picture" class="galleryImageBorder" /></a><div style="display: block; font-size: 90%; margin-top: -10px; margin-bottom: 10px;"></div></div></div>


    </div>
  </div>
  <div id="534584127361623672-rhs" class="column" style="width: 49.5%; left: 49.5%; float: left; overflow: visible; margin: 0; padding: 0;">
    <div style="padding-left: 5px;" class="columnlistp">
       <div ><div style="text-align: center;"><a href='/saying---misc.html'><img src="/uploads/3/6/7/0/3670872/122931.png?322" style="margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; border-width:0;" alt="Picture" class="galleryImageBorder" /></a><div style="display: block; font-size: 90%; margin-top: -10px; margin-bottom: 10px;"></div></div></div>

 
    </div>
  </div>

  


</div>

<div style="clear: both; visibility: hidden; height: 0px; overflow: hidden;"></div></div>

<div ><div id="352731979688769035-parent" class="weebly-splitpane-2" style="width: 100%;">
  <div id="352731979688769035-lhs" class="column" style="width: 49.5%; float: left; overflow: visible; margin: 0; padding: 0;">
    <div style="padding-right: 5px;" class="columnlistp">
       <div ><div style="text-align: center;"><a href='/saying---pets.html'><img src="/uploads/3/6/7/0/3670872/2319778.png?1294122161" style="margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; border-width:0;" alt="Picture" class="galleryImageBorder" /></a><div style="display: block; font-size: 90%; margin-top: -10px; margin-bottom: 10px;"></div></div></div>


    </div>
  </div>

  <div id="352731979688769035-rhs" class="column" style="width: 49.5%; left: 49.5%; float: left; overflow: visible; margin: 0; padding: 0;">
    <div style="padding-left: 5px;" class="columnlistp">
       <div ><div style="text-align: center;"><a href='/saying---religion.html'><img src="/uploads/3/6/7/0/3670872/1038877.png?401" style="margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; border-width:0;" alt="Picture" class="galleryImageBorder" /></a><div style="display: block; font-size: 90%; margin-top: -10px; margin-bottom: 10px;"></div></div></div>

 
    </div>
  </div>

  

</div>

<div style="clear: both; visibility: hidden; height: 0px; overflow: hidden;"></div></div>

<div ><div style="text-align: center;"><a href='/saying---sports.html'><img src="/uploads/3/6/7/0/3670872/3216587.png?427" style="margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; border-width:0;" alt="Picture" class="galleryImageBorder" /></a><div style="display: block; font-size: 90%; margin-top: -10px; margin-bottom: 10px;"></div></div></div>

</div>
22 Mar 2011, 7:35 PM
#13
thec0wboy avatar

thec0wboy

New Zenner

Join Date:
Mar 2011
Posts:
34
Plugin Contributions:
0

Re: Creating New Pages - Turning Zencart into my only website!

I couldn't see where to edit my previous post?

FYI I did see where to upload an image in the html page area. I just am not sure where you point it to when it asks for the URL? I have a friend hosting the site for me right now, would I need to upload images to the host area that he provided me and use that URL?

Cheers,

22 Mar 2011, 7:39 PM
#15
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Creating New Pages - Turning Zencart into my only website!

FYI I did see where to upload an image in the html page area. I just am not sure where you point it to when it asks for the URL? I have a friend hosting the site for me right now, would I need to upload images to the host area that he provided me and use that URL?
If your ZenCart is at the root of the domain(not in a folder)
and you upload the images to say /images/my_images/

The url designation would be

/images/my_images/image.XXX
22 Mar 2011, 7:44 PM
#16
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Creating New Pages - Turning Zencart into my only website!

All I'm seeing is the code when I paste that in.
What version of ZenCart are you using??

admin > tools > version/server info

1.3.9g had an issue with that and the solution is to upgrade to 1.3.9h

22 Mar 2011, 7:48 PM
#17
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Creating New Pages - Turning Zencart into my only website!

For general website or ez-page images not belonging to a specific product, you would use FTP to upload the images to the /images/ folder or a subfolder of it. If the images are to be part of the template, it would be preferable to upload them to /includes/templates/your_template/images/.

Then you use standard HTML <img> tags to display the images on your ez-page:

<img src="/images/yourezpageimage.jpg" alt="Short description of the image" />
22 Mar 2011, 7:49 PM
#18
thec0wboy avatar

thec0wboy

New Zenner

Join Date:
Mar 2011
Posts:
34
Plugin Contributions:
0

Re: Creating New Pages - Turning Zencart into my only website!

kobra:

What version of ZenCart are you using??

admin > tools > version/server info

1.3.9g had an issue with that and the solution is to upgrade to 1.3.9h

It says this when I'm logged in as admin. As far as I can tell I'm current.

Your version of Zen Cart™ appears to be current.
(You are presently using: v1.3.9h)

22 Mar 2011, 7:50 PM
#19
thec0wboy avatar

thec0wboy

New Zenner

Join Date:
Mar 2011
Posts:
34
Plugin Contributions:
0

Re: Creating New Pages - Turning Zencart into my only website!

gjh42:

For general website or ez-page images not belonging to a specific product, you would use FTP to upload the images to the /images/ folder or a subfolder of it. If the images are to be part of the template, it would be preferable to upload them to /includes/templates/your_template/images/.

Then you use standard HTML <img> tags to display the images on your ez-page:

<img src="/images/yourezpageimage.jpg" alt="Short description of the image" />

Thank you for that explanation. I'm starting to get my head wrapped around all of this!

22 Mar 2011, 8:00 PM
#20
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Creating New Pages - Turning Zencart into my only website!

Paste code only when using the "plain text" editor