Modular Merchant
QuickCode™ Glossary
{TWITTER-FOLLOW-BUTTON}
QuickCode Tag Glossary Home
See also:
Knowledge Base
Articles in this category:
{ALL-PRODUCT-BLOCK-BEGIN}

{ALL-PRODUCT-BLOCK-END}

{CHECKOUT-FIELD-SHIP-ADDRESS-TITLE}

{CHECKOUT-FIELD-VALUE}

{CONTENT-SLIDESHOW}

{CURRENCY-EXCHANGE-RATE}

{FACEBOOK-LIKE-BUTTON}

{FACEBOOK-URL}

{FIELD-CONTACT-MESSAGE}

{FIELD-CURRENCY-MENU}

{GOOGLE-PLUS-BADGE}

{GOOGLE-PLUS-ONE-BUTTON}

{GOOGLE-PLUS-SHARE}

{IF-CUSTOM-WEBPAGE-ACTIVE-BEGIN}

{IF-CUSTOM-WEBPAGE-ACTIVE-END}

{IF-STOREFRONT-BANNER-BEGIN}

{IF-STOREFRONT-BANNER-END}

{PAY-METHOD-LOGOS}

{PRODUCT-DOWNSELL-BUTTON}

{PRODUCT-UPSELL-BUTTON}

{STOREFRONT-BANNER}

{TWITTER-FOLLOW-BUTTON}

{WEBPAGE-BLOCK-BEGIN}

{WEBPAGE-BLOCK-END}

{WEBPAGE-DESCRIPTION}

{WEBPAGE-NAME}

{WEBPAGE-URL}

Storefront > {TWITTER-FOLLOW-BUTTON}
<< {STOREFRONT-BANNER} {WEBPAGE-BLOCK-BEGIN} >>
{TWITTER-FOLLOW-BUTTON} Updated: 02/11/2013

This QuickCode Tag is used to add a Twitter "Follow" button to any page of your online store.

The tag can be used as-is to display a Twitter Follow button in your storefront. However, it can also accept several parameters, which can be used to customize its appearance and behavior. The available parameters include:

show_count
Displays the number of followers in a box next to the Follow button.
Possible values: true, false
Default: false


lang
Sets the language used by the button.
Possible values: en (English), fr (French), de (German), it (Italian), es (Spanish), ko (Korean), ja (Japanese)
Default: en


width
Determines the width of the area allocated to the button.
Possible values: pixel or percentage value
Default: Dynamically set by Twitter's script


align
Sets the horizontal alignment of the button.
Possible values: left, right
Default: right


show_name
Determines whether or not the Twitter account name is displayed in the button.
Possible values: true, false
Default: true


size
The size of the button can be set to either "medium", which is the default size, or "large", which is a larger version.
Possible values: medium, large
Default: medium


dnt
Twitter buttons on your site can help us tailor content and suggestions for Twitter users. If you want to opt-out of this feature, set the optional data-dnt parameter to be true.
Possible values: true, false
Default: false
Requirements / Prerequisites

When using parameters within the QuickCode Tag, the different values should be separated correctly.

Colons ( : ) should be used to separate the different options; such as width and lang.

Equal signs ( = ) should be used to distinguish what the option's value is.

 

An example of their separation can be viewed below:

{TWITTER-FOLLOW-BUTTON:width=300px:lang=es}

 

Parameters can be passed within the QuickCode Tag in two ways.

Name/Value Pairs
The preferred method is to use name/value pairs. In this approach, both the name of the parameter and its value are included in the QuickCode Tag. This allows you to set custom values for any number of the available parameters, in any order.

 
For example, to set custom values for just the "language" and "width" options, the QuickCode Tag would look something like this when using name/value pairs:

{TWITTER-FOLLOW-BUTTON:width=300px:lang=es}

Note that when using name/value pairs, the parameters may be included in any order, and unused parameters may be excluded.

 


Values Only
Optionally, just the values of the parameters may be included. This can make the QuickCode Tag shorter in some cases, however, when including only the values of each parameter they must be kept in order.

 
For example, to set custom values for just the "language" and "width" options, the QuickCode Tag would look something like this when using just values:

{TWITTER-FOLLOW-BUTTON:false:es:300px}

Note that when using only the values, all parameters from the first one through the last one you use must be present and in the correct order.
Example of Use

If you wanted a large Twitter follow button that displays the Twitter account name, the following tag could be used:

{TWITTER-FOLLOW-BUTTON:show_name=true:size=large}

Source Code Source Code Updated:
When a web page using a template that contains this QuickCode Tag is viewed in the storefront, the {TWITTER-FOLLOW-BUTTON} QuickCode Tag is changed into the source code below prior to the web page being displayed.
LOG IN TO ADD COMMENTS
  Copyright © 2001 - 2024 Modular Merchant™. All rights reserved.
Modular Merchant | Privacy Policy | Legal Statement | Terms of Service | Contact Us | Site Map