Purpose: This HTML template defines the layout of the built-in blog feature. Note: It is important to preserve the commented tags to ensure the software performs correctly.
Code Blocks
Note: It is important to preserve the commented tags to ensure the software performs correctly.
<!--START: BODY_HEADER-->
[frame_breadcrumb-home]
[blog_home]
<!--END: BODY_HEADER-->
<!--START: blog_index_heading-->
<h1 class="page_heading">Blog</h1> -- hardcoded title
<!--END: blog_index_heading-->
<!--START: post_main_title-->
[post_title] -- main title of the blog post
<!--END: post_main_title-->
<!--START: CATEGORY_HEADER-->
[CONTENT]
<!--END: CATEGORY_HEADER-->
<!--START: blog_post-->
[blog_class] -- add a default class based on archive or post page
<!--START: post_image-->
[pagename]
[subject]
[post_image] -- This will display the image post
<!--END: post_image-->
<!--START: post_title-->
<a href="[pagename]" title="[subject]">
[subject] -- This will use the subject as a post title
</a>
<!--END: post_title-->
[blog_posted-by-text]
[post_author]
[post_date]
<!--START: POST_CATEGORY-->
<a href="[post_category_link]">[post_category_name]</a>
<!--END: POST_CATEGORY-->
[post]
<!--START: read-more-->
<a href="[pagename]" title="[subject]">[blog_read-more]</a>
<!--END: read-more-->
<!--START: blog_comments-->
[pagename]
[numcomments]
[blog_total-comments]
<!--END: blog_comments-->
[product_social-bookmarking]
<!--START: prevnextblock-->
<!--START: prevLink-->
<a href="[id_previous]">[blog_comment-prev]</a>
<!--END: prevLink-->
<!--START: nextLink-->
<a href="[id_next]">[blog_comment-next]</a>
<!--END: nextLink-->
<!--END: prevnextblock-->
<!--START: blog_products_title-->
[blog_tagged_products] -- products title
<!--START: blog_products_main-->
<!--START: blog_products_items--> -- Related products - post
<!--START: CATEGORY_ITEMS-->
<!--START: ITEM_TEMPLATE_0-->
[catalogid]
[THUMBNAIL]
[name]
<!--START: ITEMPRICE-->
[ITEMPRICE]
<!--END: ITEMPRICE-->
<!--START: SALEPRICE-->
ITEMPRICE]
[ITEMSALEPRICE]
[product_sale]
<!--END: SALEPRICE-->
<!--START: product_availability-->
[availability]
<!--END: product_availability-->
<!--START: freeshippingblock-->
[freeshipping]
<!--END: freeshippingblock-->
<!--START: product_review-->
<!--START: product_review_average-->
[review_average]([review_count])
<!--END: product_review_average-->
<!--END: product_review-->
<a href="add_cart.asp?quick=1&item_id=[catalogid]">
[category_buyitlink]
</a>
<!--END: ITEM_TEMPLATE_0-->
<!--END: CATEGORY_ITEMS-->
<!--END: blog_products_items-->
<!--END: blog_products_main-->
<!--END: blog_products_title-->
<!--START: blog_comments_list-->
<!--START: blog_comments-->
[numcomments] [blog_total-comments]
<!--END: blog_comments-->
<!--START: comments-->
[name]
[blog_comments-date]
[datentime]
<!--START: replybutton-->
[commentid]
[blog_comments-reply]
<!--END: replybutton-->
[comment]
<!--START: replysection-->
[commentid]
<!--START: commentreply-->
[replyname]
[blog_comments-date]
[replydatentime]
[replycomment]
<!--END: commentreply-->
<!--END: replysection-->
<!--END: comments-->
<!--END: blog_comments_list-->
<!--START: blog_add_comments-->
<form name="frmForm" action="blog.asp?action=comment&articleid=[id]" method="post">
<input type="hidden" name="info" value="[idenc]" />
<input type="hidden" name="email" value="" />
[blog_comments-addcomment]
[blog_comments-body]
[blog_comments-name]
<input name="blog_comment_name" type="text" value="[name]" />
[blog_comments-email]
<input name="blog_comment_email" type="email" value="[email]" />
<!--START: captcha-->
<!--END: captcha-->
<!--START: recaptcha-->
<!--END: recaptcha-->
<input type="submit" value="[blog_comments-submit]"/>
</div>
</form>
<!--END: blog_add_comments-->
<!--START: blog_disquscomments-->
<!--END: blog_disquscomments-->
<!--START: blog_add_comments_reply-->
<form name="frmCommentReply" id="frmCommentReply">
<input type="hidden" name="cAction" id="cAction" value="" />
<input type="hidden" name="commentid" id="commentid" value="" />
<input type="hidden" name="email" value="" />
[blog_comments-addreply]
[blog_comments-body]
<textarea name="blog_comment_reply_comment"></textarea>
[blog_comments-name]
<input name="blog_comment_reply_name" type="text" value="[name]" />
[blog_comments-email]
<input name="blog_comment_reply_email" type="text" value="[email]" />
<!--START: captchareply-->
<!--END: captchareply-->
<!--START: recaptcha-->
<!--END: recaptcha-->
<input type="button" value="[blog_comments-submit]" data-submit="[id]" />
</form>
<!--END: blog_add_comments_reply-->
<!--END: blog_post-->
<!--START: blog_topnav-->
[blog_topnav]
<!--END: blog_topnav-->
<!--START: categories_block-->
[blog_categories]<
<!--START: categories-->
<a href="[categorylink]">[categorylabel]</a>
<!--END: categories-->
<!--END: categories_block-->
<!--START: posts_block-->
[blog_recentposts]
<!--START: posts-->
<a href="[postlink]">[postlabel]</a>
<!--END: posts-->
<!--END: posts_block-->
<!--START: archives_block-->
[blog_archives]
<!--START: archives-->
<a href="[archivelink]" class="cat">[archivelabel]</a>
<!--END: archives-->
<!--END: archives_block-->
<!--START: blog_bottomnav-->
[blog_topnav]
<!--END: blog_bottomnav-->
<!--START: CATEGORY_FOOTER--> [CONTENT] <!--END: CATEGORY_FOOTER--> <!--START: template_scripts--> <!--END: template_scripts--> <!--START: template_styles--> <!--END: template_styles-->
Note: Code blocks and their respective variables will only work with specific template pages.
Variables
- [subject] – This will display the Blog Article’s respective Title.
- [post_author] – When creating a blog article, the author of the article is added to the interface. This variable inserts the author’s name.
- [post_date] – When creating a blog article, the date of the article is added to the interface. This variable inserts the article’s date.
- [post_category_name] – When the article is assigned to a category, this variable inserts the category’s name.
- [post] – This variable inserts the article’s posting. (Note: the variable will display the short post during preview, while the Post Content is inserted on the Article detail page.
- [product_social-bookmarking] – If Social Bookmarking (SocialCommerce ->Social Bookmarking) is enabled on the store, this variable will dynamically insert the Social Bookmarking icons.
- [blog_read-more] – While viewing the blog preview page, this variable will display the text linking your viewers to the article details page. Default is “Read More.” (See Settings ->Design ->Store Language)
- [numcomments] – If commenting is allowed on blog posts, this variable will insert the number of comments associated with each post on the preview page.
- [blog_total-comments] – Displays the Title of the short post’s “Comments” label. (See Settings ->Design ->Store Language)
- [blog_comments-header] – When viewing the full blog post, this variable displays the Title of the comments section. (See Settings ->Design ->Store Language)
- [name] – When a comment is submitted, this variable will list the commenter’s name as entered in the comment form.
- [blog_comments-date] – Displays the Title of the date section. (See Settings ->Design ->Store Language)
- [datentime] – Inserts the date of the commenter’s post.
- [comment] – Inserts the content of the commenter’s post.
- [blog_comments-addcomment] – Displays the Title of the “Add Comment” section. (See Settings ->Design ->Store Language)
- [blog_comments-name] – Displays the Title of the Add Comment “Name” field. (See Settings ->Design ->Store Language)
- [blog_comments-email] – Displays the Title of the Add Comment “Email” field. (See Settings ->Design ->Store Language)
- [email] – Displays the input field that captures the commenter’s email address.
- [blog_comments-body] – Displays the Title of the Add Comment “Body” field. (See Settings ->Design ->Store Language)
- [blog_comments-submit] – Displays the Title of the Add Comment “Submit” Button. (See Settings ->Design ->Store Language)
- [blog_topnav] – This variable inserts the content of the blog’s Top Navigation Banner. (See SocialCommerce ->Blog ->Blog Settings.)
- [blog_home] – Displays the Title of the Blog Navigation’s “Home” link. (See Settings ->Design ->Store Language)
- [blog_categories] – Displays the Title of the Blog Navigation’s “Categories” section. (See Settings ->Design ->Store Language)
- [categorylabel] – Inserts the Blog categories.
- [blog_recentposts] – Displays the Title of the Blog Navigation’s “Recent Posts” section. (See Settings ->Design ->Store Language)
- [postlabel] – Inserts the recent blog posting titles.
- [blog_archives] – Displays the Title of the Blog Navigation’s “Archives” section. (See Settings ->Design ->Store Language)
- [archivelabel] – Inserts the Archive labels (Format will be Month/yyyy)
- [blog_bottomnav] – This variable inserts the content of the blog’s Bottom Navigation Banner. (See SocialCommerce ->Blog ->Blog Settings.)
These next few Variables will be present within form action elements like submit buttons. Typically you’ll want to keep the scripting for these variables intact.
- [pagename] – Displays the Title of the page
- [post_category_link] – Displays the link of the post category
- [categorylink] – Displays the link of the category
- [postlink] – Displays the link of the post
- [archivelink] – Displays the link of the archive link
- [id] – Displays a specific alphanumeric Identifier, is related to the code block section
- [idenc] – Used to hold the encrypted id when you add a comment