AvisPlus Product Options v2
  • Get started!
    • Key Terminology Simplified
      • Avis Options and variants
      • Option Set
      • Option template
      • Option Set template
      • Option type
      • Option name
      • Label on Product
      • Label on Cart
      • Option value
      • Add-on product (Add charge)
      • Bundle variant
      • Conditional logic
      • Option URL
      • Tooltip
      • Help Text
      • Placeholder Text
      • Option widget
    • Option Types
      • Single line text
      • Multiple-line text
      • Number
      • Datetime
      • Email
      • Phone
      • Font Selector
      • Color Picker
      • File Upload
      • Switch
      • Quantity
      • Hidden field
      • Color swatch
      • Image swatch
      • Radio button
      • Checkboxes
      • Button
      • Dropdown menu
      • Color dropdown menu
      • Image dropdown menu
      • Combo box
      • Option Group
      • Space
      • Paragraph
      • HTML
      • Heading
      • Divider
      • Pop-up
      • Size chart
    • Activate App
  • User guide
    • Create Avis Option Set
      • Avis Option Set Template
      • Avis Option Template
    • Change product image upon option selection
    • Translate Avis options
    • Customize Shopify Option
    • Add Charge for an option value
      • One-time add charge feature
      • Add-charge by Quantity
      • Add-charge by Character
      • Hide Add charge product from Storefront
      • Hide Add charge product from Search bar
      • Hide Add charge product from 'Related Products' section
      • Hide Add charge product from Google Search
    • Add Bundle for an option value
    • Conditional Logic (Avis and Avis)
      • Conditional Logic (Avis and Shopify)
    • File Upload for Customers
      • File Upload Advanced Options
    • App Settings
      • Avis Option Settings
      • Shopify Option Settings
    • App Design
      • Avis Option Design
      • Shopify Option Design Library
    • OPTION URL feature
    • Import/Export Option Sets
    • Shopify Point Of Sale (POS) integration
    • Customize tooltip
    • Delete Span tags around the Add charge
    • Changing the option position on the Product page
      • Getting the HTML element
      • Reposition Avis options in EComposer Landing Page Builder
  • Subscription and billings
    • Pricing plans
    • How to Upgrade Your Plan
    • How to Cancel Your Subscription
  • Frequently Asked Questions
    • The differences between "Avis Option" tab and "Shopify Option" tab
    • How can I reposition Avis Options on Product Page?
    • What to do if Avis options aren’t visible on Product Page?
    • How can I set up Conditional Logic for options?
    • How can I add a charge to an option/ a variant?
    • Why aren't the option's Add charge included in Orders?
    • How can I show Avis Options on Packing Slips?
    • How can I show Avis option on Mail Order confirmation/Order invoice/New order?
    • Can I add bundling products with the app?
    • Does the app work with Shopify Online Store 2.0?
    • Will the app slow down my website?
    • What happens if I uninstall the app, and how does it affect my store?
  • support and features request
    • 📩Contact Us
Powered by GitBook
On this page
  • Basic Option Settings:
  • Advanced Option Settings:
  1. Get started!
  2. Option Types

Font Selector

PreviousPhoneNextColor Picker

Last updated 5 months ago

The Font option type allows customers to personalize the appearance of text on their product options by choosing from a variety of fonts. With a quick preview feature, customers can see how each font will look before making a selection.

Basic Option Settings:

1. Option Name

This is the internal name for the Font option within the app’s settings. It helps you manage and identify the option but does not appear on the storefront product page.

2. Label on Product

This is the text that appears above the Font selector on the product page of your storefront. It provides context or instructions for the customer, such as "Select your font"

3. Label on Cart

This label appears in the shopping cart, order details, invoices, packing slips, order confirmation emails, and other order-related documents, showing the selected options clearly.

5. Select from google fonts

A wide range of Google Fonts is available for selection, offering customers numerous style choices to personalize their text. To explore more font options in the preview, customers can search by the font name, allowing them to quickly find and apply the font.

6. Select from your fonts

Click on the 'Upload your fonts ' to upload your own fonts.

7. Add-on product

When enabled, this setting adds an additional charge to the product if the font is selected. It’s useful for optional features or upgrades that come at an extra cost.

8. Conditional Logic

This setting allows you to display the font option only when certain conditions are met. It’s beneficial for creating a dynamic shopping experience, where certain options appear based on previous selections.


Advanced Option Settings:

1. Required Field

Make it mandatory for customers to select at least one font from the Font list before adding the product to their cart. This ensures that all necessary choices are made.

2. Hide "Label on Product"

Option to hide the label next to the combo box on the product page, providing a cleaner and more streamlined appearance.

3. Select options for preview

This feature allows customers to test and visualize how the customizations will appear on the live store. Currently, it only supports text previews for "Single line text" and "Multi-line text" options.

7. Tooltip

Provide additional information about each option by adding tooltips. When customers hover over an option, the tooltip will display, offering further details.

8. Help Text

Display help text below the Font selector to offer further explanations or instructions, helping customers make informed selections.

9. Class Name

For advanced customization, add custom CSS class names to the Font selector. This allows you to style it according to your brand’s design standards, ensuring a cohesive look across your product page.

here
How to set up Conditional logic for your options