In the last Web Service Datafeed Client screencast we showed you how to configure and install a Web Service Datafeed Client subscription. In this screencast we show you how to modify the provided default template HTML file to make it look like the rest of your website.

Scott Kalbach & AvantLink


14 Responses to “Screencast: Web Service Datafeed Client – Customizing Your HTML Template”

  1. Helpful video tutorial. Thanks for sharing.

  2. This was a useful video – thanks for putting it together. It took me a bit of fiddling, but I eventually figured out how to integrate a wordpress template with the WS datafeed client. You might want to produce a video about that process.

  3. Great video – nice step by step approach. Where can I find an answer to a problem. The product pages do not seem to want to recognize external css. I can get some inline stlyes to work though. The main template page works on the external but when I go to a product the css drops. thanks again… keep up the good work.

  4. Brad,

    Because of the way the web service client script handles “search engine friendly” URLs, you need to make sure you use an absolute reference to your external stylesheet within the template.html file.

    So for example, referencing your CSS like this won’t work:
    <link rel="stylesheet" href="style.css" type="text/css" />

    You need to reference it using the full absolute path, eg.
    <link rel="stylesheet" href="http://www.mywebsitename.com/style.css" type="text/css" />

    Scott


  5. Thanks for this, very useful to me. My only question now is how to output the [PAGE_NAVIGATION] so it displays correctly.
    I have it in the template like this:

    [Navigation]

    but it dont work right. The links are displayed as a block of links instead of each individual so my CSS ends up outputting the links like this
    ————————
    link
    link
    link
    ————————
    instead of how I want it like this
    ———————–
    link
    ———————–
    link
    ———————–
    link
    ———————–

    how can i make the tag apply to each link so my css styles apply to each link?
    Thanks a ton


  6. Hi Michael,

    We attach the “av_nav” link class to each of those page navigation links. Have you tried modifying that CSS class to see if you can get the style to meet your needs?

    Scott


  7. Thanks Scott, I figured it out as you said. Is there a class for something like #selected to modify the css of the selected category…thanks


  8. Right now we don’t have a different class for the selected category, but we’ll look into adding that.

    Scott


  9. thanks for your help, these video tutorials have been great as Its easier for me to see it and learn


  10. @Phillip or anyone else…any good suggestions on how to integrate a Wordpress template? I’m a little newer to this so any tips are appreciated…Thanks!

  11. @Malcolm,
    You can try using PSPad (a free download) to convert your finished Frontpage template into valid XHTML format. I learned the hard way that the template needs to be in XHTML format to function optimally. The client receives information in XHTML so if you are using a HTML template it will not be spidered effectively.


  12. Which directory do you load the data in wordpress?

    Does it go in the wp-content under the actual theme or will it pull in the correct info if it is in the root?

    Kind of new at this.

    Thanks.


  13. @Nancy. Thanks so much! I’ll give it a whirl!

  14. Hi Patrick, You do not load the content into wordpress. It’s a stand alone client, not something that works within wordpress. The files can just go at the root / level of your site. Gary M

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>