• Home
    • Consultation
  • About
    • Privacy Policy
    • Feedback
    • Portfolio
  • Services
    • Trades
    • Weebly Websites >
      • Weebly eCommerce
      • Website Dreams Form
    • EYW Design Platform
    • Online Forms
    • Web Copywriting
  • VW News
    • eNews Signup
    • eNewsletters
  • Contact
  • Online Book Test
  • StuartMcLaren
  VALUE WEBSITES
VW NEWS

Value Websites' Suppliers

11/7/2015

0 Comments

 
Value Websites regularly use and recommend the following suppliers of web site products and services.
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
If you have a query about any of these suppliers please make a comment following this post and we will respond.
0 Comments

Weebly Websites and Breadcrumbs Link Trails

30/6/2014

1 Comment

 
Sample Weebly Website Breadcrumbs Links Trail
A breadcrumb trail is a navigational tool used to display the path to the current web page.
It displays the route from a top level page to the current page a user/visitor is on.
Today I would like to demonstrate how I create breadcrumbs link trails in my Weebly websites. I have seen a few others try this but without complete success. I am indebted to Jack Woon's blog article on this subject and I use the Javascript code he used adding some refinements to his code and methodology.

This is the code I use in this website to setup Breadcrumbs.

STEP ONE

You can copy the code above by saving the weeblybreadcrumbs.js file below to your Weebly Code Editor Files directory accessible via: DESIGN > Edit HTML/CCS > Files

There are a few variations to this code available to those of us who are not experienced Javascript coders. For instance:
  • <h4>...</h4> could be <h3>...</h3> if you want a larger font size.
  • "You Are Here: " can be changed  or deleted.
  • UpperCase can be changed to LowerCase - there are three places where this change can be made.
  • <font color="#555555"> (towards the bottom of the above code - this controls the font of the page name you are on) can be changed to any color code you wish as long as it contrasts with your page content background.
COPY THIS .JS FILE

STEP TWO

Having loaded the .js file above, you need to add code to your HTML pages above your Files folder.

The secret to creating Weebly Breadcrumb Trails is to treat each top level menu link in conjunction with the sublinks above (or beside) it.  

With reference to this website www.valuewebsites.co.nz for instance, I have grouped 'Web Services' with the sublinks below beginning with 'Weebly Websites'. In this case I have used the same Page layout for all these links, 'short-header.html'

Just above the closing </body> tag I have inserted this script.
<script src="/files/theme/weeblybreadcrumbs.js"></script> 

The final piece of code that needs to be added is placed immediately above  the {content} code (usually white) on the html page.
<div topurl="/Web-Services.html" toptitle="Web Services" ></div>
So 'topurl' in this case is '/Web-Services.html' and the top level page's title 'toptitle' is 'Web Services'

STEP THREE

Now, this is where it all gets a little more complicated. Some Weebly users will need help with this. Each top level link, in my websites e.g. 'About Us', 'VW News', etc. needs to have a different Page Layout. If you want to use the same graphical design and page layout as 'short-header.html' for another top level menu link, you will need to copy the html code in that layout and create another page layout, e.g. 'short-header2.html'. I have done that for my 'About Us' page. I then changed the 'div' (2nd) red code above to:
<div topurl="/About-Us.html" toptitle="About Us" ></div>
while adding the 'script' (1st) code as is.

Furthermore, you may choose to have No Header for the sub link/s below (beside) a Top Level Link, as I have done for the pages below 'About Us'. Please do not use the 'no-header.html' Page Layout - this is needed for Store Products/Services if you need your website for eCommerce.

Copy the code from your existing 'no-header.html' page and create, 'no-header2.html' before adding in:
<div topurl="/About-Us.html" toptitle="About Us" ></div>
<script src="/files/theme/weeblybreadcrumbs.js"></script> 

as above.

And so on....
You will need to Publish your website to see your Breadcrumbs Trail - it does not appear when you are in Editing mode.

STEP FOUR

Three things to note:
  1. You may choose not to have a breadcrumb trail on your Home page, or any other page that does not have menu sub-links. If you do have a 'Trail' on Home, you need to act in the same way as above because 'Home' is a top level menu link just like 'About Us' and 'Web Services' on this website.
  2. If you have products for sale, your eCommerce 'Cart' is a 'no-header.html' page like the Product pages. Your 'Cart' breadcrumb trail 'Store' or 'equivalent' link may throw up a 404 error message. I have not figured how to get around this. Suggestions are welcome.
  3. I have tried to offer a careful explanation of how to add breadcrumb trails to Weebly websites. Those of you unfamiliar with using html and javascript code may be encouraged to try implementing this breadcrumbs methodology. Don't waste too much time if your time is valuable. In most cases I can add this code to your Weebly website in less than an hour. You may choose to spend NZ$50 with me to have the code installed on your Weebly website.
Independence Special

POSTSCRIPT

Jack Woon also offers an alternative method which involves coding page by page. This is okay if there are say less than 15 pages in your website. Beyond that it becomes tedious and time consuming. As you develop your website it may also be frustrating to have to manually change or add code as you add new pages and/or change top level links, etc.
Alternative Method
Load the .js file as above to the 'Files' folder. 
Add the first code once at the bottom of one of your page footer elements:

<script src="/files/theme/weeblybreadcrumbs.js"></script> 
This code will automatically repeat on the footer of all pages.
Add the second code, adjusted for each of the top level menu links, to each web page, eg.:
<div topurl="/About-Us.html" toptitle="About Us" ></div>
For this alternative method top (2nd) code:
  1. You can use the element Copy function to more quickly move the top level link code to the top of sub-menu pages;
  2. You can add the code to the RH sidebar of any 'Blog' page - not top left;
  3. You can add the code to your Store page, but you will not be able to place  it in Product pages nor in the Checkout Cart.
To view the results of coding using this alternative method visit our sister website Edit Your Webs

FINALLY

Please use the comments facility associated with this Post if you have questions or suggestions about this topic. 

May all your breadcrumbs be tasty ones!

Terry Alve
Value Websites
1 Comment

Weebly Online Store Website Builder

23/6/2014

0 Comments

 
Create your online store and start selling. Try it free at Weebly.com!
Last week we did a review of Shopify Online Store Builder which we had been using on behalf a client for the first time. We had been spending time search engine optimising a tyvek wristbands site. It is pleasing to see that some of the search terms we optimised for are beginning to show up already on the first page of Google. Some of these shows are directly related tot he article we published here last week - one of the values of using this blog software!

Today, we want to return to the eCommerce builder we are more familiar with: Weebly and our own Designer Version we have on www.edityourwebs.com domain. This week much of our time has been spent upgrading www.louknzclothing.co.nz who are our major eCommerce client. In particular in addition to adding new products, we have been working on inventory. It had become apparent that some product variations were out-of-stock. So we are working with our client to make sure that where stock is unavailable or in transit, no one can order and pay for product that cannot be delivered promptly. At this point it is a customer relations issue.

We are also working with this client preparing to issue their first online eNewsletter. We have their client elist on Mail Chimp and are currently reviewing content, including a bonus reward for those on their list. If you visit their site, now might be a good time to join their elist. Whether we will use the Coupon redemption component of the software is undecided but that feature is there if needed. Either way there will be a subscriber benefit out within the week.

While we have talked about this website before in this eNews, you may enjoy visiting to see how it has developed nearly six months on from launch.
Visit Louk NZ Clothing
0 Comments

NZ Winter Web Specials

6/6/2014

0 Comments

 
Picture

www.edityourwebs.com
Click image for more

These winter web specials have just been posted and are accessible from our HOME PAGE.

In conjunction with our partner site Edit Your Webs, we are offering a 10 page website for just NZ$799 incl. GST. This represents a 20% discount on normal price if you pay up front. Website hosting is additional and is amazing value at NZ$228.85 incl. GST annually.

It is unlikely that you will find a better professional website deal anywhere in New Zealand.

0 Comments

Value Websites' Typical 5-Step Website Development Process

17/10/2013

1 Comment

 

1. You Approach Value Websites

Picture
Probably not exactly like this, but you get what I mean!
The process beginning will usually look like this:
  1. We have an initial exchange of info that establishes if we are a good fit in terms of what you seek in a website.
  2. On the basis of our initial discussion/s, a draft written Proposal is drawn up by us.
  3. The proposal will include things like: graphical design issues, content - e.g. number of pages, e-commerce elements, secure pages, etc. Time frame and costs will also be included.
  4. The Proposal will be adjusted after discussion with you so that it reflects all concerns - yours and Value Websites'.

Read More
1 Comment

NZ DIA Website Rebuilt and Launched on the Edit Your Webs Platform

26/8/2013

0 Comments

 
Picture
NZ Defence Industry Association Website Relaunched - August 2013
This image-rich membership website services those who supply the NZ Defence forces with the various resources required by modern armed services. Its Members Only pages provide in-house resources for members including a weekly newsletter and various web links and linked files. It highlights the Defence Industry Forum held at the end of each year and invites online registrations. In all it encourages networking amongst the various suppliers to Defence in New Zealand.
0 Comments

    Author

    Terry Alve - Value Websites Limited

    eNews Signup Here

    Recent Posts

    Popular Posts
    Click image for Post

    Picture
    Join one near you.
    Picture
    Are you a New Zealand Weebly User?
    Would you like to be?
    SEO - website optimisation for search engines
    SEO - Search Engine Optimisation
    Picture
    Our 5 Step Website development Process
    Picture
    SP Conferences
    uses Online Forms

    Archives

    December 2022
    June 2018
    October 2017
    September 2017
    September 2016
    July 2016
    June 2016
    May 2016
    April 2016
    December 2015
    October 2015
    July 2015
    May 2015
    January 2015
    December 2014
    July 2014
    June 2014
    May 2014
    March 2014
    January 2014
    November 2013
    October 2013
    August 2013
    June 2013
    April 2013
    January 2013
    December 2012
    September 2012
    July 2012
    June 2012
    May 2012

    Categories

    All
    Article
    Blog
    Bookmarks
    Breadcrumbs
    Business Articles
    Conferences
    Consultation
    Designer Platform
    Discount
    Divtag
    Ecommerce
    Edit Your Webs
    Education
    Enewsletter
    Feedback
    Forms
    Formstack
    For Sale
    Freebie
    Links
    Marketing
    Membership Site
    Menu
    Multi-Media
    Network
    Payment Processors
    Promotional USB
    Reviews
    Search Engine Optimisation
    Seminars
    SEO
    Shopify
    Small Business
    Special
    Sponsorship
    Squeeze Pages
    Suppliers
    Trades
    Upgrade
    Value Websites
    Video
    Web Design
    Webinar
    Website
    Website Building
    Website Design
    Website Development
    Website Editing
    Website Valuation
    Website Value
    Weebly

    View my profile on LinkedIn

    RSS Feed


CALL or TEXT   027 600 1926
​
eList Signup
​Hei kōnā mai. ​Bye for now.
​​
©  2008-2021    Value Websites   Wellington, NZ​
Photo from andriux-uk
  • Home
    • Consultation
  • About
    • Privacy Policy
    • Feedback
    • Portfolio
  • Services
    • Trades
    • Weebly Websites >
      • Weebly eCommerce
      • Website Dreams Form
    • EYW Design Platform
    • Online Forms
    • Web Copywriting
  • VW News
    • eNews Signup
    • eNewsletters
  • Contact
  • Online Book Test
  • StuartMcLaren