Cartooga Box

Features: SmartTags

SmartTags let you insert dynamic content into your pages.

Smart Tags

The flexibility of the Cartooga shopping platform comes from its SmartTag system. SmartTags are the little tags you see scattered throughout web pages in the system, like !~PRODUCT:Example Product~! or !~CATEGORY:Example Category~!. These tags are executed whenever someone visits one of your pages that contain them, and they tell the system to place specific content in that spot. Sometimes it's simple text content - for example the tag !~YEAR~! will be replaced with the current year - other times it's more complex multi-line content, like the !~CATEGORIES~! tag, which is replaced with a stylable list of your product categories.

Tag Description Stylable Elements
!~SERVER_PAGE_CONTENT~! This tag tells a wrapper where the content goes None
!~PAGETITLE~! Inserts the page title (defined in the Page Editor on pages that use a wrapper). None
!~META-KEYWORDS~! Inserts the page keywords (defined in the Page Editor on pages that use a wrapper). None
!~META-DESCRIPTION~! Inserts the page description (defined in the Page Editor on pages that use a wrapper). None
!~META-DESCRIPTION~! Inserts the page description (defined in the Page Editor on pages that use a wrapper). None
!~STORENAME~! Inserts the name of your store.

Example:
Welcome to !~STORENAME~!

Returns:
Welcome to XXXXX 		None
!~STOREEMAIL~! Inserts the general inquiries e-mail address for your store (defined under Store Settings). None
!~USERID~! Inserts the User ID of the logged-in customer. If no customer is logged in, it will insert a zero. None
!~AFID~! Inserts the AFFILIATE ID of the affiliate who delivered the visitor to the site. If no affiliate link was used, it will insert a zero. None
!~CSID~! Inserts the Cart Session ID of the user. This is only needed when troubleshooting the cart. None
!~USEREMAIL~! Inserts the e-mail address of the logged-in customer. If no customer is logged in, this will be blank. None
!~DATE~! Inserts the curent date (ex: 5/12/2010). None
!~YEAR~! Inserts the current year (ex: 2010). None
!~MONTH~! Inserts the current month as a number (ex: 5). None
!~DAY~! Inserts the current calendar day as a number (ex: 12). None
!~MONTHNAME~! Inserts the current month's name (ex: May). None
!~WEEKDAY~! Inserts the current weekday as a number, 1 through 7. (ex: Wednesday would return 4). None
!~WEEKDAYNAME~! Inserts the current weekday name, (ex: Wednesday). None
!~CART_ITEMCOUNT~! Returns a number indicating how many items are in the user's cart.

Example: Your cart contains: !~CART_ITEMCOUNT~! item(s) Returns: Your cart contains: 2 item(s)
None
!~CART_SUBTOTAL~! Returns a number (two decimal places) indicating the dollar amount of the cart subtotal. Does not include shipping & handling or sales tax.

Example: Your cart contains: !~CART_ITEMCOUNT~! item(s) totaling $!~CART_SUBTOTAL~! Returns: Your cart contains: 2 item(s) totaling $14.95
None
!~LINK:LOGIN~! Returns a standard hyperlink to LOG IN or LOG OUT based on whether the user is currently logged in or not.

Example: This link will log you in or out: !~LINK:LOGIN~!
If not logged in, returns: <a id="link-login" href="/myaccount/">Log In</a>
If logged in, returns: <a id="link-login" href="/myaccount/logout.asp">Log Out</a>
A ID:
link-login
!~INCLUDE:/page.html~! Fetches the contents of another page and inserts it into the current document. This fetches the page contents only, ignoring the assigned wrapper, so it's especially useful for navigation and as a general server-side-includes replacement.
 
!~SEARCH:Your Search Term~! Fetches the specified search results and displays them in the page. The layout will be within the product_list div. This feature allows you to create a page that contains products based on a search term or tag. To perform a tag search, you would use !~SEARCH:tag:tag1,tag2,tag3~!
 
!~RANDOM~! Inserts a single randomly selected product
 
!~RANDOM:{category:Category Name}~! Inserts a single randomly selected product from a specific category
 
!~CATEGORIES~! Returns a css-stylable list of all active categories. The list order will match your settings on the Categories page in the store manager, and each <li> within a category group alternates with the CSS classes odd and even (always starting with odd), so you have the option of alternating rows differently. Category Groups are encapsulated in an <H2> so you can style this as well, or hide them using CSS.

Example: !~CATEGORIES~! Returns: <div id="category_list">
   <h2>Category Group 1</h2>
      <ul>
         <li class="odd">First Category</li>
         <li class="even">Second Category</li>
         <li class="odd">Third Category</li>
         <li class="even">...etc.</li>
      </ul>
   <h2>Category Group 1</h2>
      <ul>
         <li class="odd">First Category</li>
         <li class="even">Second Category</li>
         <li class="odd">Third Category</li>
         <li class="even">...etc.</li>
      </ul>
</div>
DIV:
id:category_list

H2

CLASSES:
odd, even
!~DOD~! Returns the current Deal of the Day in full product view. The code is the same as the Product page, but contained inside a DIV #dod_container so you can style it differently.

Web Design Features


Back-End Features