Introduction about the Markup Tags

The markup tag is a snippet of code that creates a relative reference to an object in your store. It also used in CMS page, static block, and in Email templates.

The following features in markup tags are listed:

The store URL

It is the base URL of your website. The Store URL used as an alternate for the first part of a full URL, and also contain field name .The markup tag has two versions:

  1. It goes directly to your store.
  2. Ends with the forward slash.
The following code:  {{store url='apparel/shoes/womens'}}

Media URL

The active media URL markup tag represents the place and file name of an image that is stored on a content delivery network (CDN).The tag can be used to place an image on the page, block, manner and Email templates.

For example:  {{media url='shoe-sale.jpg'}}

Block ID

Block ID is one of the simplest markup tags to use. It also used to place a block directly on a CMS page or yet nested inside another block. This technique is to modify a block for different promotion or language .it also reference the block by its identifier.

For Example:  {{block id='block-id'}}

Template tag

Template tag suggests the PHTML template file. It is used to display the block on the CMS page or static block. The following code is added to a block or page to display contact us form.

{{block type="core/template" name="contactForm" 

template="contacts/form.phtml"}}

The following code is added to a block or page to display list of product by a category ID

{{block type="catalog/product_list" category_id="22" 

template="catalog/product/list.phtml"}}

Custom variable

This tag is used to include the custom variable in to mail templates, newsletters, content.

Example code for custom variable:

{{Customvar code="my_custom_variable" }}                                                                                   

Widgets code

The widget tool is used to display the list of product, insert complex link, specific product page based on the product ID. When the code generated it includes the block reference, location of the code module, and corresponding PHTML templates. After code is generated you can copy and paste it to one place from another.

The following example code

  • For New Product Grid:
{{widget type="catalog/product_widget_new" 

display_type="new_products" products_count="10"

template="catalog/product/widget/new/content/new_grid.phtml"}}
  •  For link to product code:
{{widget type="catalog/product_widget_link" anchor_text="My Product Link" 

title="My Product Link"template="catalog/product/widget/link/link_block.phtml" id_path="product/31"}}

 How to use markup tag link

Markup tag link can be used in HTML tag and link directly to any page of your store. The link can be included content page, banner, block and Email templates.

The following steps show you how to use markup tag links:

Step 1: identify the destination URL

Step 2: add the markup to the URL

Step 3: complete the anchor tag

To understand more about this process by using store URL link with

 http://mystore.com/apparel/shoes/womens

Step 1: go to the page that you want to link to and copy the full URL from the address bar of your browser. The element of the URL that you need comes after the “dot com forward slash”.

Step 2: Erase the “HTTP address” of the URL and include the “dot com forward slash”.

Store URL markup tag

http://mystore.com/apparel/shoes/womens
{{store url=’apparel/shoes/womens’}} 

Then type the closing double braces.

Step 3: complete the Anchor tag

Enclose the completed markup tag inside an anchor tag. Use target URL instead of using markup tag

Add the link text and close the anchor tag

<a href=”{{markup tag goes here}}”>Link Text</a>

The following links to code any CMS page, blocks, newsletters and email templates:

<a href=”{{store url=’apparel/shoes’}}”>Shoe Sale</a>

 

Last Update: April 6, 2018  

February 5, 2018   234   Nandini R    Marketing    
Total 2 Votes:
0

Tell us how can we improve this post?

+ = Verify Human or Spambot ?

Leave a Reply

Your email address will not be published. Required fields are marked *

Facebook
Twitter
INSTAGRAM
LinkedIn