Modular Merchant
QuickCode™ Glossary
{GOOGLE-PLUS-BADGE}
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 > {GOOGLE-PLUS-BADGE}
<< {FIELD-CURRENCY-MENU} {GOOGLE-PLUS-ONE-BUTTON} >>
{GOOGLE-PLUS-BADGE} Updated: 02/12/2013

This QuickCode Tag is used to add a Google+ badge to any page of your online store.

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

href
The URL of the Google+ profile.
Possible values: Any URL
Default: URL of the Google+ profile entered in the store's Google Integration settings.


width
The pixel width of the badge to render. For a 131px height badge, the width can be from 100 to 169. For a 69px height badge, the minimum width is 170 and the badge can be as wide as needed.
Possible values: Any number
Default:
300

height
The pixel height of the badge to render. There are two valid heights. The badge will not render if an invalid height is specified.
Possible values: 69 or 131
Default: 69


theme
The color theme of the badge. Use dark when placing the badge on a page with a dark background.
Possible values: light, dark
Default: light
Requirements / Prerequisites

The Google+ Integration setting that needs to be completed in order for the Google+ badge to be used is the one titled Your Google+ Account ID. This setting must be completed, because this is the Google+ account that will be referenced when the Google+ badge is displayed in the storefront.

 

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 height and width.

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

 

An example of their separation can be viewed below:

{GOOGLE-PLUS-BADGE:height=69:width=300}

 

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 "height" and "width" options, the QuickCode Tag would look something like this when using name/value pairs:

{GOOGLE-PLUS-BADGE:height=69:width=300}

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 "height" and "width" options, the QuickCode Tag would look something like this when using just values:

{GOOGLE-PLUS-BADGE:https://plus.google.com/311795803119663071134:300:69}

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 badge to use on a dark background, the following tag could be used:

{GOOGLE-PLUS-BADGE:theme=dark}

Source Code Source Code Updated:
When a web page using a template that contains this QuickCode Tag is viewed in the storefront, the {GOOGLE-PLUS-BADGE} 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