web
You’re offline. This is a read only version of the page.
close
Checkmark

Thank you for your feedback

Fanal theme variables

Learn about the different variables used when you select Fanal in the Theme Manager for Merchant Solutions stores.

Article ID: SLN29102

Note: A new feature in Variables and all Edit pages will let you filter variables by name, making it easier to find them. Learn more.

Note: The Company-name-text variable is not used in Theme Manager-based themes.

Important: Some variables will not be visible until you enable the Advanced Editor toolbar. Learn how.

Global

Store Properties

Header

Tag Manager

Navigation Links

Product Text

Body Contents

Home Page Contents

Footer

Global-line-height - Enter a size for line height throughout your store (e.g. 20px). Increase this number to add vertical space between lines of text.

Page-body-background-color - Enter or select a background color for the body portion of your pages.

Compound-name - Use the drop-down menu to select yes or no. When Compound-name is set to Yes, then your accessory items will have their Names displayed in the shopping cart and on the Order Form.

Micro-data-enabled - Choose whether to output HTML microdata on your store pages. Search engines and web crawlers can optionally use this data to present a richer browsing experience.

Show-section-order-buttons - Choose whether or not to display order buttons on section pages.

Store-domain - Your primary store domain (e.g. widgetdesigns.com). This value is used in your HTML microdata, if enabled.

Menu-icon - Click Upload to upload an icon to open the menu displayed for mobile devices.

Name-image-height-css - Enter a value (in px) to specify the CSS height of your store logo, if desired. This value should match that entered in the Name-image-height field.

Search-button-image - Click Upload to upload an image to be used as the button to conduct a search.

Search-button-image-height-css - Enter a value to specify the CSS height of your search button image (default 39px).

Search-button-image-width-css - Enter a value to specify the CSS width of your search button image (default 87px).

Search-category-background-color - Enter or select the background color of the category dropdown in your search area, if enabled.

Search-input-line-height-css - Enter a default value to display in your search area.

Search-placeholder - Enter a default value to display in your search area.

Search-placeholder-text - Enter placeholder text to appear in the input field for your search term.

Show-order-icon - Click Upload to upload an image to be used to display the current cart, or to move to the cart page, depending on your Floating Cart configuration.

Tag-manager-enabled - Enable or disable Tag Manager. Learn more.

Tag-manager-head - Enter your Google Tag Manager Head code. Learn more.

Tag-manager-body - Enter your Google Tag Manager Body code. Learn more.

Main-navigation - If you would like to limit your main navigation to specific sections you can enter their IDs here. This can be useful for stores that have a large number of sections in the Contents field of the home page but do not wish to have multiple lines in the main navigation.

Main-navigation-link-color - Enter or select a color to be used for the links in your main navigation.

Tiered-navigation - Choose whether to use dropdowns displaying additional section pages in your main navigation.

Regular-price-color - Enter or select the color of an item's regular price.

Regular-price-text - Enter text to appear before the regular price amount (such as Regular price or Retail price). Note: Only appears when an item also has a sale price.

Sale-price-color - Enter or select the color of an item's sale price.

Back-to-top - Click Upload to upload an image to use to return to the top of the page.

Default-product-image - Click Upload to upload an image to be displayed on items by default if they do not have one provided. Note: You can add additional product images by following these steps.

Maximum-breadcrumb-depth - Enter a value for the maximum depth to display in your breadcrumb navigation.

Section-title-color - Enter or select a color to be used for the text of the category (section) page headlines.

Zoom-image - Click Upload to upload an image for the zoom indicator that appears below product images.

All Fancybox variables are required for a Fancybox image zoom. Learn more.

Featured-categories - Add space separated section IDs here to display them on your home page.

Featured-categories-title - The title for the featured categories section on your home page, if specified.

Kickers - Add space separated item IDs here to display them immediately below the banner image uploaded to your home page.

Footer-payment-options - Enter text or HTML to appear at the bottom of your footer, above the copyright (used for payment options display
in Theme preview).

Footer-social-channels - Enter text or HTML to appear below the newsletter signup in your footer (used to display social channels in Theme
preview).

Footer-text - Enter text or HTML to display as a second column alongside your address information in the footer.

Newsletter-prompt - Enter text or HTML to display above the newsletter input in your footer.

Newsletter-title - Enter text or HTML to display as the title of the newsletter column in your footer.

Note: When a shopper signs up for a newsletter, their email address will be automatically added to a mailing list. Learn more.

See Also: