To upload your own fonts, follow these steps:

Upload font files to your server

You can either upload your font file to a location on your server using FTP or similar. Alternatively, you can upload them to your Media Library in WordPress. However, note that you might need to install a plugin like Extra File Types to allow the file types.

When you’ve uploaded your font file, make a note of its URL.

Register the custom fonts

In order to let the plugin know that you want to use custom fonts, you’ll need to create a short code snippet. Here’s an example:

You can see that you need to give the font a unique ‘key’, e.g. font-1, then a name, e.g. ‘My custom font’.

This will register your font with the plugin.

Define the font URLs

Finally, you’l need to define the font URLs. Go to WooCommerce > Settings > Product Add-Ons > Text Preview and enter the font URL for your custom font.

Click ‘Save changes’ and your custom fonts will be ready to use.

Disable Google Fonts

If you would like to remove the Google Fonts as an option, you’ll need to use this snippet:

Here’s how to add that snippet.

Troubleshooting

If you’re uploading custom fonts, you might find that you see the term [object Object] in your select field. To solve this issue, you need to dequeue the standard version of Select2. You can do that with this snippet:

Here’s how to add that snippet.

The post Upload your own fonts appeared first on Plugin Republic.

In the example below, you can see that there’s a text field on the right where the user has entered some text. This text is replicated over the product image on the left.

Text Preview settings

Text Preview has a specific field type. So your first step is to create a new add-ons field and choose ‘Text Preview’ as the field type.

The Text Preview field type has all the parameters that a standard text field has, including minimum and maximum number of characters, free characters, etc.

It also has a number of additional features, shown below:

• Text center – X axis
  This setting determines how far left or right the centre of the text will sit relative to the main product image. If you enter 0 here, the centre of the text will appear on the left side of the image; 50 will position the text exactly in the horizontal centre of the image.
• Text center – Y axis
  This setting determines the text’s vertical position relative to the main product image. A value of 0 will position the text at the top of the image; 50 will be the vertical middle; and 100 will be the bottom of the image
• Width
  This determines how wide the text field is relative to the image size – 100 would mean the text field was the same width as the main image
• Default text colour
  You can set the default preview text colour here
• Default font size
  Use this to set the preview text’s default font size in pixels
• Default Google font
  Choose the Google font to use for the preview text
• Customers can change the colour?
  If you select this option, the user will be able to use a colour picker to set the preview text colour
• Customers can change the font size?
  Enable this option to allow the user to change the font size of the preview text
• Customers can change the font family?
  Enable this option to allow the user to choose the font to use in the preview text
• Layer position
  By default, the plugin will display the text preview on all product images in the product image gallery. However, you can limit where it’s displayed using this setting. Choose from ‘Default’, ‘First Frame’, ‘Last Frame’ or ‘Specific Frame #’
• Frame #
  If you choose ‘Specific Frame #’ in the ‘Layer position’ setting, then you can specify which image you want the preview to display on here
• z-index
  Optionally set a z-index value for the text preview layer here

The post Enabling Text Preview appeared first on Plugin Republic.

When you purchase the plugin, you’ll immediately receive an email confirming your purchase. This email also contains:

• A link to download the plugin files
• Your licence key

Click on the link to download a zip file that contains the plugin. You don’t need to unzip this – just make a note of where it downloads to on your computer, e.g. your ‘Downloads’ folder.

Installing the plugin

To upload and install the plugin, go to Plugins > Add New > Upload Plugin. You can either drag the apaou.zip file into the upload file zone (see image below) or click the ‘Choose file’ button and browse to the file on your computer.

Once you’ve uploaded the file, click ‘Install Now’ then click ‘Activate’ (remember that you will need to have WooCommerce and Product Add-Ons Ultimate activated as well).

Enter your plugin licence

Go to WooCommerce > Settings > Product Add-Ons then click the ‘Licence’ subheading.

• Enter your licence key in the Text Preview Licence Key field
• Click ‘Activate this licence’
• This will ensure that you receive automatic updates

The post Installation appeared first on Plugin Republic.