Create a new product, or edit an existing one. Remember to assign the product a price – otherwise your Product Add-Ons fields won’t be displayed on the front end.
In the Product Data table, you will see a new ‘Product Add-Ons’ tab:
Print Options groups
First you add a Print Options group, then you add a Print Options field. A group is a collection of fields, helping you to organise your fields.
Add new group
Click the ‘Add Group’ button to add a new group. A group is just a collection of associated fields – for instance, if your users are submitting images, you might have a group that consists of an upload field and a text field for the image title.
Enter a Group title, if required. If you enter a title, it will appear as a heading for the group.
Enter a Group description as well if you wish. This will appear under the group title.
Add Field
Click ‘Add Field’ to add a field. You can enter an optional label, define the field type, and specify whether the field is required. Depending on the field type, you may have some other parameters you can enter, such as default values and a description.
Field parameters
Depending on which field type you’re using, there are a number of parameters that you can set. You can consult the relevant article for each field type for more information on its specific parameters; however, here you’ll find some essential information on the parameters that are common to all, or most, field types.
Field label
Enter a field label to accompany the field. The image below shows a very simple Shop Print Options group to illustrate the group title, group description and a checkbox field with label. (Remember, you can style these however you like).
Field type
Select which field type to use. See the relevant support article for more information about each field type.
Field price
Enter a price for the Print Options field. This price will be added to the product price if the user enters something in the field so, for instance, if you add a price of ‘5’ to a checkbox field, then if your user selects the checkbox, the product price will increase by 5.
Note that by default, the field price will be added according to the quantity the user selects. If the user selects a quantity of 3, then the field price will be added 3 times. See ‘Flat rate?’ below for how to add the field price just once.
Required field
Select this option if the field is required. The user won’t be able to add the product to their cart unless they select or enter something in this field.
Select this option if you would like to apply the field price only once, whatever quantity of the product the customer chooses.
Percentage?
Select this option if you would like the field price to be a percentage of the product price. Note that this feature is only available on the Pro licence.
Default
Enter an optional default value for the field here.
Field image
Upload an optional image to accompany the field.
Field description
Enter an optional description to accompany the field.
Conditions
Shop Print Options allows you to show or hide fields based on conditions. For example, you might only wish to display a certain field if the user has selected a checkbox.
Currently, PrintShop|Hub doesn’t have native domain registration (It is in the works and coming soon). However you can connect your domain using the DNS information provided in your Account dashboard. You can refer to your domain provider for information on how to update your DNS settings.
You can use dnschecker.org to check your domain connection.
Once your DNS settings are updated, simply change your ‘Website Name’ to the domain name that you have updated the DNS setting for. Then simply click Update.
This article lists all default modules that you can use to customize your website.
Accordion
The Accordion module is used to display content in boxes which can be toggled open and closed with an accordion effect.
To use the Accordion module:
Enter a title for the accordion tab in the “Accordion Title” field
Enter the text to show within the accordion tab in the “Accordion content”
To add another accordion tab, click the “Add new” button
To delete or duplicate an accordion tab, hover over the burger menu icon (top left to the accordion title)
Module Title This option is used to add the title of your module.
Accordion Title The title shown in the accordion heading for each accordion tab.
Accordion Text The text shown in the accordion content area for each accordion tab.
Default Open/Closed This option determines whether a tab default displays as open or closed.
Add New This option adds a new accordion tab.
Accordion Layout This option is used to determine the layout and style of the accordion module and will affect how the tabs are shown.
Option 1 This layout will show the tab headings and content as one block.
Option 2 This layout will show the tab headings separate from the content in two blocks.
Toggle Mode This option is used to change what will happen when a user clicks on an accordion heading.
Toggle When clicking a tab heading, the selected tab will open and other tabs will still remain open.
Accordion When clicking a tab heading, the selected tab will open and other tabs will be closed.
Accordion Color This option is used to change the color of the accordion module.
Accordion Appearance These options provide the ability to toggle various effects for the accordion boxes.
Rounded Toggles whether the corners of the module’s content will be rounded.
Gradient Toggles whether the module will have a gradient effect applied to it.
Glossy Toggles whether the content area will have a gloss overlay effect applied to it.
Embossed Toggles whether the module will have an emboss effect applied to the edges.
Shadow Toggles whether the module will have a shadow effect applied to it.
Icon Add an icon that’ll appear when your accordion is opened or closed.
Alert
The Alert module is used to show a notification or alert on your site. The alert visibility can be scheduled, displayed for a specific number of times, showed to either login/public visitors, and auto closed after a certain number of seconds. It can also be used as an action box. There is an optional action button to display a message or redirect the guest to another page once it is clicked.
To use the Alert Module:
Module Title This option is used to add the title of your module.
Alert Style Choose from 4 different styles: (1) Button Right (2) Button Left (3) Button Bottom, (4) Button Center
Alert Heading This option is used to set the heading text of the module.
Alert Text This option is used to set the body text of the module.
Alert Color This option is used to change the color of the module.
Alert Appearance These options provide the ability to toggle various effects for the module.
Action Button Enter the text that will show inside the action button.
Action Click Action Choose the action that’ll occur when you click the button: (1) Close alert box (2) Display a message (3) Go to URL.
Action Button Color This option is used to change the color of the action button.
Action Button Appearance These options provide the ability to toggle various effects for the action button.
Rounded Toggles whether the corners of the module’s content will be rounded.
Gradient Toggles whether the module will have a gradient effect applied to it.
Glossy Toggles whether the content area will have a gloss overlay effect applied to it.
Embossed Toggles whether the module will have an emboss effect applied to the edges.
Shadow Toggles whether the module will have a shadow effect applied to it.
Schedule Alert Toggle to enable the ability to schedule the alert. Enabling it will allow you to set the start and end time.
Guest/Logged Users Set to: (1) Show to both users and guest visitors (2) Show only to guest visitors (3) Show only to logged-in users.
Limit display Enter the number of times the alert appears.
Auto Close Toggle to show the duration in seconds for how long the alert should appear.
Box
The Box module is used to display a box of content using the standard WordPress WYSIWYG editor. You can also insert shortcodes with the Box module.
Module Title This option is used to add the title of your module.
Editor You can add the content you wish to be displayed in the box module using the WordPress WYSIWYG editor.
Box Color This option is used to change the color of the box module.
Appearance These options provide the ability to toggle various effects effects to be applied to the box.
Rounded Toggles whether the corners of the module’s content will be rounded.
Gradient Toggles whether the module will have a gradient effect applied to it.
Glossy Toggles whether the content area will have a gloss overlay effect applied to it.
Embossed Toggles whether the module will have an emboss effect applied to the edges.
Shadow Toggles whether the module will have a shadow effect applied to it.
Button
The Button module allows you to add a button with custom styling onto your site.
Size Select the size of the button you would like to use.
Shape Select the shape of the button you would like to use.
Button Background Style Choose the background style of the button.
Display Choose to display your button horizontally or vertically.
Alignment Choose to display your button to the left, centre, or right.
Fullwidth Toggle to display your button fullwidth.
Nofollow Toggle to disable search engines from crawling this link.
Downloadable Toggle to enable user to download link as file.
Text Input the text that will appear on the button.
Link Input the link that the user will be redirected to.
Open link in: When the user clicks the button, select how your link will appear
Same Window The link will load and open in the same window.
Lightbox The link will open inside a lightbox.
New tab The link will open in a new tab.
Color Select from pre-selected colors for how you want your button to appear. Font color will change depending on the color preset you select.
Icon You can select the icon that you would like to insert with your button text. This will appear on the left side.
Add new Select this to add more than one button.
Callout
The Callout module is used to display a content box with an associated action button.
Module Title This option is used to add the title of your module.
Callout Style This option is used to determine the style of the callout box and how the callout text and action button are shown.
Option 1 The callout text will be shown on the left and the action button will be shown on the right.
Option 2 The callout text will be shown on the right and the action button will be shown on the left.
Option 3 The callout text will be shown above the action button and the content will be left aligned.
Option 4 The callout text will be shown above the action button and the content will be center aligned.
Callout Heading This option is used to set the heading text of the callout box.
Callout Text This option is used to set the body text of the callout box.
Callout Color This option is used to change the color of the callout box.
Callout Appearance These options provide the ability to toggle various effects for the callout box.
Rounded Toggles whether the corners of the module’s content will be rounded.
Gradient Toggles whether the module will have a gradient effect applied to it.
Glossy Toggles whether the content area will have a gloss overlay effect applied to it.
Embossed Toggles whether the module will have an emboss effect applied to the edges.
Shadow Toggles whether the module will have a shadow effect applied to it.
Action Button Link This option is used to set the link URL of the action button.
Action Button Text This option is used to set the text that will show inside the action button.
Action Button Color This option is used to change the color of the action button.
Action Button Appearance These options provide the ability to toggle various effects for the action button.
Rounded Toggles whether the corners of the module’s content will be rounded.
Gradient Toggles whether the module will have a gradient effect applied to it.
Glossy Toggles whether the content area will have a gloss overlay effect applied to it.
Embossed Toggles whether the module will have an emboss effect applied to the edges.
Shadow Toggles whether the module will have a shadow effect applied to it.
Divider
The Divider module is used to add a border divider between elements.
Module Title This option is used to add the title of your module.
Divider Style This option is used to determine the line style of the divider.
Option 1 The divider will be shown as a solid line.
Option 2 The divider will be shown as small dashes.
Option 3 The divider will be shown as large dashes.
Option 4 The divider will be shown as a double line: two lines parallel to one another.
Stroke Thickness This option is used to set the line thickness of the divider.
Divider Color This option is used to change the color the divider will show in.
Top Margin This option is used to set the margin space above the divider.
Bottom Margin This option is used to set the margin space below the divider.
Divider Width There are 2 options: (1) Fullwidth or (2) Custom.
Feature
The feature module is used to showcase features or services of your organization with an animated circular progress bar around the icon or any custom image.
Module Title This option is used to add the title of your module.
Feature Title This is the title that appears under the Feature module icon.
Editor Here you can add the feature content you wish to be displayed under the Feature Title using the WordPress WYSIWYG editor.
Layout This option is used to set the icon position, it has three options.
Icon Left Displays the selected icon to the left of the content.
Icon Right Displays the selected icon to the right of the content.
Icon Top Displays the selected icon the top of the content.
Circle Percentage This will set the percentage of the circular progress bar to be filled when animated.
Circle Stroke This will set the width of the circular progress bar.
Circle Color This will set the color of the circular bar around the feature icon.
Circle Size This will set the size of the circle, choose the desired size from the dropdown, “Small,” “Medium” or “Large.”
Icon Type Select an icon or image to be used for the feature module using the Font Awesome icon library or upload a custom image.
Icon This will set the icon to be used for the feature module using the Font Awesome icon library.
Icon Color This will set the color of the icon to be used for the feature module.
Icon Background This will set the color of background for the icon to be used for the feature module.
Link This option is used to link the icon or your custom image and title to a custom URL.
Same Window This opens the URL in the same window.
Lightbox This open the URL in a lightbox.
New tab This opens the URL in a new tab.
Overlap Image Add an overlap image on the top half of the icon (Tip: This is usually used to showcase the profile image of a person).
Width/Height: Add a custom image width and height for the overlap image. This only appears when you add an overlap image.
Gallery
The Gallery module is used to add a standard WordPress gallery to your site.
Module Title This option is used to add the title of your module.
Gallery Layout Choose to showcase your gallery in Grid, Showcase, Lightboxed, or Slider layout.
Masonry Toggle to enable masonry, which doesn’t have a fixed height.
Insert Gallery Shortcode This option is used to add the gallery shortcode, either by entering it manually or using the “Insert Gallery” button. Select “Insert Gallery” to setup a gallery with WordPress’ “Create Gallery” window as documented here.
Pagination Toggle to add a pagination when showcasing your images.
Image Title Toggle to show or hide image titles.
Image Caption Toggle to show or hide image captions.
Thumbnail Width Set the gallery thumbnail width.
Thumbnail Height Set the gallery thumbnail height.
Columns Select the number of columns for each gallery (1-9 column layout).
Link to Select the image to link as a media file, attachment page, or none.
Link to Image Size Select the image size that you would like the image to appear as: Thumbnail, Medium, Large, or Original Image.
Image Appearance This option provides the ability to toggle various effects to be used on the gallery thumbnails.
Rounded Toggles whether the corners of the element should be rounded.
Drop Shadow Toggles a drop shadow effect on the element.
Bordered Toggles a border around the element.
Circle Toggles whether the element will be rendered as a circle. (Requires images to be square ratio)
Open images in lightbox
To make the images in gallery grid open in lightbox, make sure to set the Link To option to “Media File” when inserting the gallery:
Icon
The Icon module allows you to add an icon with custom styling to your site.
Size Select the size of the icon you would like to use.
Icon Shape Choose the style of the icon shape you prefer.
Arrangement Select to showcase the icons horizontally or vertically.
Icon Position Set the icon position to left, centre, or right.
Icon You can select the icon that you would like to insert.
Select from the colour for your icon from pre-selected colors.
Label Input the text that will appear with your icon.
Link Input the link that the user will be redirected to.
Same window Open link in the same window.
Lightbox This will link the icon or custom image to open a URL in a lightbox.
New tab This will open the URL in a new tab.
Add new Select this to add more another icon.
Image
The Image module is used to add an image with a title and caption on your site.
Module Title This option is used to add the title of your module.
Image Style This option is used to determine the layout of the image and any title and caption.
Option 1 Image is shown on top and title/caption is shown underneath.
Option 2 Image will be shown on the left and title/caption is shown on the right.
Option 3 Image will be shown in the centre, and title/caption is shown underneath.
Option 4 Image will be shown on the right and title/caption will be shown on the left.
Option 5 Title/caption will be shown in an overlay on top of the image.
Option 6 Image and title/caption will be shown in a box.
Option 7 Title/caption will be shown as an overlay on the image.
Image URL This option is used to set/upload an image URL to use for the module, or alternatively you can select an image from your website’s media library by clicking the thumbnail, then selecting “Browse Library”.
Image Appearance These options provide the ability to toggle various effects to be applied to the image.
Rounded Toggles whether the corners of the element should be rounded.
Drop Shadow Toggles a drop shadow effect on the element.
Bordered Toggles a border around the element.
Circle Toggles whether the element will be rendered as a circle. (Requires images used be square ratio)
Width This option sets the width of the image output.
Height This option sets the height of the image output.
Image Title This option is used to set the title of the image.
Image Link This option is used to set the URL that is linked to by the image being added.
Same window open link on the same window.
Lightbox This option is used to link the icon or custom image and title to open a URL in lightbox.
New tab If checked this will open the URL into a new tab.
Image Caption This option is used to set a caption for the image being added.
Map
The Map module is used to add an interactive Google map to the page. To display a Google Map, enter the full address and configure the available options.
Module Title This option is used to add the title of your module.
Map Provider Select which provider you’d like to use to display your map.
Type Select to showcase the map as Dynamic or a Static Image.
Address Enter the address you’d like to appear on the map.
Lat/Long Use Lat/Long coordinates instead of inputting an address.
Zoom This option sets the zoom level of the map.
Width This option sets what width the map should be displayed at.
Height This option sets what height the map should be displayed at.
Border This options sets the styling of a border around the map element.
Type This option set the type of map you want to display, you can choose from the dropdown, “Road Map,” “Satellite,” “Hybrid” and “Terrain”.
Map Controls Toggle to enable or disable the user’s access to map controls.
Draggable Toggle to enable or disable the Draggable feature in the map.
Scrollwheel Toggle to enable or disable the scrollwheel on the map.
Mobile Draggable Toggle to enable or disable the draggable feature on the map in mobile mode.
Info Window Input text that’ll appear on the text tooltip when user clicks it on the map.
Menu
The Menu module is used to add a custom WordPress menu to the page. To display a custom menu, you have to first create the menu in WordPress > Appearance > Menus. Once you create a menu, they will automatically appear in the “Custom Menu” select dropdown.
Module Title This option is used to add the title of your module.
Menu Layout This option is used to determine the layout of the menu with the following options:
Option 1 The menu will be shown as a horizontal menu stretching only as far as the menu entries.
Option 2 The menu will be shown as a horizontal menu stretching the width of the column.
Option 3 The menu will be shown as a vertical menu.
Custom Menu Select one of your custom WordPress menus from the dropdown. To createa custom WordPress menu, go to WordPress Admin > Appearance > Menus, as documented here.
Menu Color This option is used to select the color of the menu.
According Styles These options provide the ability to toggle various effects to be applied to the menu.
Rounded Toggles whether the corners of the module’s content will be rounded.
Gradient Toggles whether the module will have a gradient effect applied to it.
Glossy Toggles whether the content area will have a gloss overlay effect applied to it.
Embossed Toggles whether the module will have an emboss effect applied to the edges.
Shadow Toggles whether the module will have a shadow effect applied to it.
Post
The Post module is used to show blog posts.
Module Title This option is used to add the title of your module.
Post Type Select the post type you would like displayed: Post, Product, Event, or Portfolio.
Taxonomy Select the taxonomy you would like to display: Categories or Tags.
Query by Select how you would like to query your posts by: Categories or Post Slugs.
Categories This option is used to select which categories of posts will be displayed.
Post Layout This option is used to determine the layout of the posts and how they will be arranged.
Grid 4 Posts will be arranged in a four column layout.
List Post Posts will be arranged in a standard one column list.
Grid 2 Posts will be arranged in a two column layout.
Grid 3 Posts will be arranged in a three column layout.
Grid 4 Posts will be arranged in a four column layout.
List Thumb Image Posts will be arranged in a standard one column list with the post thumbnail.
Grid 2 Thumb Posts will be arranged in a two column layout with the post thumbnail.
List Large Image Posts will be arranged in a standard one column list with a large post image.
Auto Tiles Post will be arranged in a masonry fashion.
Content Layout Select how you would like the layout of the post’s content displayed: Default, Stacking, Overlay, Polaroid, Boxed, Flip.
Post Filter Toggle to enable or disable filtering your posts by categories or tags.
Masonry Layout Select if you would like the masonry layout enabled.
Post Gutter Select your preference of gutter space between your posts.
Limit This option sets the limit of the number of posts shown.
Offset This option sets how many posts should be skipped before the first one is displayed.
Order This option sets whether the posts will be ordered in ascending or descending order.
Order By This option sets what data the posts order will be based on.
Display This option sets what content will be output (full content, excerpt or none).
Featured Image Toggle whether or not the featured image for the posts will be shown.
Image Width This option sets the width of the featured image output.
Image Height This option sets the height of the featured image output.
Unlink Featured Image Toggle to enable or disable whether the featured image will be a link.
Post Title Toggle to enable or disable whether the post title will be shown.
Unlink Post Title Toggle to enable or disable whether the post title will be a link.
Post Date Toggle to enable or disable whether or not the post date will be shown.
Post Meta Toggle to enable or disable whether or not the post meta will be shown.
Post Navigation Toggle to enable or disable whether or not navigation links to view more posts will be shown.
Slider
The Slider module is used to add a custom slider of various content types.
To use the Slider module:
Select a radio button with the content you want to display: Blog Posts, Images, Videos, Text, Portfolio, or Testimonials.
This will toggle different options according to your selection (e.g. Posts radio button will give you options to display WordPress posts along with its layout options)
You can then configure the slider options below such as slider layout, slider navigation, and effects
Module Title This option is used to add the title of your module.
Display This option allows you to set the type of content the slider will display.
Post Type Select the post type you would like displayed: Post, Product, Event, or Portfolio.
Taxonomy Select the taxonomy you would like to display: Categories or Tags.
Categories This option is used to select which categories of posts will be displayed.
Query This option sets how many posts to show.
Offset This option sets how many posts should be skipped before the first one is displayed.
Order This option sets whether the posts will be ordered in ascending or descending order.
Order By This option sets what data the posts order will be based on.
Display This option sets what content will be output (full content, excerpt or none).
Post Title Toggle to enable or disable whether the post title will be shown.
Unlink Post Title Toggle to enable or disable whether the post title will be a link.
Featured Image Toggle whether or not the featured image for the posts will be shown.
Unlink Featured Image Toggle to enable or disable whether the featured image will be a link.
Open Link in New Tab Select this option to open link in a new tab.
Slider Layout This option is used to determine the layout of the slider.
Image Width This option sets the width of the slider image output.
Image Height This option sets the height of the slider image output.
Horizontal Scroll Toggle to enable or disable for the slider to scroll horizontally.
Slider Options A list of various options available to customize the behavior of the slider:
Visible Slides Sets number of slides visible at once.
Mobile Visible Slides Sets number of slides visible at once on mobile.
Auto Scroll Sets how long before slider will automatically scroll.
Scroll Sets number of slides to scroll at a time.
Speed Sets speed of transition effect.
Effect Sets the transition effect used.
Pause On Hover Sets whether the slider will pause when you hover over it.
Wrap Sets whether the slides will repeat from the beginning when scrolled through.
Pagination Sets whether to display the slider page navigation buttons.
Slider Arrows Sets whether to display the slider arrow navigation buttons.
Left Margin Space Sets how much of a margin to add to the left side of individual slides.
Right Margin Space Sets how much of a margin to add to the right side of individual slides.
Blog Posts, Slider Posts, and Portfolio Slider Options:
Category This option is used to select which categories of posts will be displayed.
Limit This option sets the number of posts shown.
Offset This option sets how many posts should be skipped before the first one is displayed.
Order This option sets whether the posts will be ordered in ascending or descending order.
Order By This option sets what data the posts order will be based on.
Display This option sets what content will be output (full content, excerpt or none).
Hide Featured Image This option sets whether or not the featured image for the posts will be shown.
Unlink Featured Image This option sets whether the featured image will be a link.
Hide Post Title This option sets whether or not the post title will be shown.
Unlink Post Title This option sets whether the post title will be a link.
Image Slider Options:
Image URL This option is used to set/upload an image URL to use for the module, or alternatively you can select an image from the site’s media library.
Image Title This option is used to set the title of the image being added.
Image Link This option is used to set the URL that is linked to by the image being added.
Image Caption This option is used to set a caption for the image being added.
Add New Used to add a new slide to the slider.
Video Slider Options:
Video URL This option is used to set the video URL to use for the module.
Video Title This option is used to set the title of the video being added.
Video Title Link This option is used to set the URL that is linked to by the title.
Video Caption This option is used to set a caption for the video being added.
Video Width This option is used to set the width of the video player.
Add New Used to add a new slide to the slider.
Text Slider Options:
Editor You can use the WYSIWYG editor to add any content required in each slide.
Add New Used to add a new slide to the slider.
Tab
The Tab module is used to add a content box where the content can be switched with the tab buttons.
To use the Tab module:
Enter Tab Title
Enter Tab Content
To delete/duplicate a Tab: hover over the row menu icon (top left burger menu icon)
To add a Tab: just click on the “Add new” button
Module Title This option is used to add the title of your module.
Tab Title The title shown in the tab button.
Icon Add an icon that appear on a tab.
Tab Content The content shown when the tab is selected.
Add New Used to add a new tab to the module.
Tab Layout This option is used to determine the layout of the tabs and content.
Option 1 Tabs will be shown horizontally with tab titles and content shown as one block with borders around the content.
Option 2 Tabs will be shown horizontally with tab titles and content shown as two separate blocks with borders around the content.
Option 3 Tabs will be shown vertically with content in a box.
Option 4 Tabs will be shown horizontally without borders around the content.
Tab Icon Select where the icon will be placed on the tab. You can choose from the following: Icon beside the title, Just above the title, Just icons.
Tab Color This option is used to select the color of the module.
Tab Appearance These options provide the ability to toggle various effects for the tab buttons and content area.
Rounded Toggles whether the corners of the module’s content will be rounded.
Gradient Toggles whether the module will have a gradient effect applied to it.
Glossy Toggles whether the content area will have a gloss overlay effect applied to it.
Embossed Toggles whether the module will have an emboss effect applied to the edges.
Shadow Toggles whether the module will have a shadow effect applied to it.
Testimonials
The Testimonials module is used to showcase testimonials in a slider layout type.
To use the Testimonials module:
Enter Module Title
Testimonial Layout – Select to have the image at the top, bottom, or encased in a bubble
Module Title This option is used to add the title of your module.
Type Select either a Slider or Grid testimonial type.
Layout Select to have the image at the top, bottom, or encased in a bubble
Image Width This option is used to set the width of the testimonial.
Image Height This option is used to set the height of the video player.
Text Editor You can use the WYSIWYG editor to add any content required to be shown in the module.
Person Picture Input the image of the person you are quoting for the testimonial.
Person Name Input the name of the person you are quoting for the testimonial.
Person Position Input the position/title of the person.
Company Input the company where the person works.
Company Website Input the company site where the person works.
Add New Used to add a new testimonial to your testimonials.
Slider Options A list of various options available to customize the behavior of the slider.
Visible Slides Set the number of slides you would like visible at once.
Mobile Visible Set the number of testimonial slides you would like visible at once on mobile.
Auto Scroll Enable or disable an auto scroll of your testimonials and set how long before each slide will automatically scroll.
Scroll Sets number of slides to scroll at a time.
Speed Sets speed of transition effect.
Effect Sets the transition effect used.
Pause On Hover Select if you’d like to pause the slider on hover.
Wrap Sets whether the slides will repeat from the beginning when scrolled through.
Pagination Sets whether to display the slider page navigation buttons.
Slider Arrows Sets whether to display the slider arrow navigation buttons.
Left Margin Space Sets how much of a margin to add to the left side of individual slides.
Right Margin Space Sets how much of a margin to add to the right side of individual slides.
Height Set to “Auto” measures the highest slide and all other slides will be set to the same size. Or “Variable” makes every slide have its own height.
Text
The Text module is used to add a text area to the page. You can use the visual editor to enter any rich format text including images, videos, links, heading, etc. Shortcodes are supported with the Text module, therefore, you can insert any shortcode as you do on a post/page content.
Module Title This option is used to add the title of your module.
Editor You can use the WYSIWYG editor to add any content required to be shown in the module.
Video
The Video module is used to show a video embed (YouTube, Vimeo, etc.).
Module Title This option is used to add the title of your module.
Video Layout This option is used to set the layout of the video and any title and caption.
Option 1 The title/caption will be shown below the video.
Option 2 The title/caption will be shown to the right of the video.
Option 3 The title/caption will be shown to the left of the video.
Option 4 The title/caption will be shown as an overlay on top of the video.
Video URL This option is used to set the video URL to use for the module.
Autoplay Toggle to enable or disable your video to be autoplayed.
Mute Toggle to enable or disable your video to be muted.
Overlay Image Toggle to enable or disable an image overlay.
Video Width This option is used to set the width of the video player.
Video Title This option is used to set the title of the video.
Video Title Link This option is used to set the URL that is linked to the title.
Video Caption This option is used to set a caption for the video.
Widget
The Widget module allows you to add a widget.
Module Title This option is used to add the title of your module.
Select Widget This option is used to select the desired widget from the list of all the available widgets.
Widgetized
The Widgetized module is used to add a widgetized area (widgetized areas also often refer to sidebars, widget area/region).
Module Title This option is used to add the title of your module.
Widgetized Area This option is used to select the desired widget area from the list of all the available widget areas of your site.
Measurement Price Calculators Using Calculation Fields
Calculation fields allow you to make calculations using formulas. The formulas can include values inputted by the user through other fields, as well as fixed values, the product price, product properties like dimensions and weight, and other variables that you can set.
Creating a calculation field
Choose ‘Calculation’ as the field type. You can give the field a label if you wish.
In the ‘Formula’ field, enter the formula that will be used to make the calculation. You can use the following tags:
Field tags, e.g. {field_101}
In the image above, you can see that the formula contains the tag {field_960}. This means that the calculation will use the value from the field with the ID 960.
Note that when using field tags:
Fields must be in the same product
Fields can be either number fields or other calculation fields
Product price tags, {product_price}
You can include the product price in your formula, e.g.:
{field_960} + {product_price}
This will return the sum of the value of field ID 960 and the price of the product.
Field price, e.g. {field_999_field_price}
To get the price value of a field, use:
{field_999_field_price}
Option price tags, e.g. {field_999_option_price}
You can get the value of selected options for radio and select fields, eg:
{field_999_option_price}
This will give you the value of the selected option for field 999.
Number of uploads
You can get the number of uploaded files by field, e.g:
{field_999_number_uploads}
This will return the number of files uploaded to field ID #999.
Quantity
You can get the value of the product quantity field to use in your calculation:
{quantity}
Dimensions and weight
Use the following tags in your formula for dimensions and weight:
Use conditional logic to determine whether or not to display certain groups or fields.
What are conditions?
A simple example of a condition is to have two fields: Field A is a checkbox; Field B is a text field. You can set a condition on Field B so that it only display when Field A is checked.
Group conditions and field conditions
If you apply conditions to a field, it will only affect that field.
If you apply conditions to a group, it will affect all the fields within that group.
Apply conditions to groups allows you to speed up your workflow. If you have multiple fields that will display or hide depending on the same conditions, you can place them in a single group and apply the set of conditions to the group.
Both field and group conditions are always dependent on the value of fields. You can’t set a group condition that depends on the status of another group. You can only set a condition (group and field) that is dependent on the value of a field.
Setting up a field condition
To create a field condition, you’ll need at least two Print Options fields – one field that will display or not depending on the status of the other field. In the example below, we’ve created a checkbox field and a text field. We only want the text field to display if the user has selected the checkbox field.
Setting Up Global Print Option Pricing for Screen Printing Apparel.
• In many cases you will have several options for print option pricing that will need to reflect across many different products. The most prolific example of this being screen printing for apparel.
• Any time there is a change in price to your print options, using Global Print Options allow you to only have to make this change one time to reflect across several products.
• Pre-Installed in your Global Print Options is a standard setup for screen printing apparel. You can adjust and change this setup as needed for your print pricing setup. The pre-installed setup will give you a good starting point. There are several different field types you can choose from to build your setup.
• You can also use conditions to show and hide certain options dependent on other option settings. You can observe how conditions work by observing the stock apparel products on the front end of your website compared to the Global Print Options in the back end. You can read more about conditions here.
• You can read about what each field type does here.
• There are also 20 pre-installed standard apparel products installed under the Products section. (We will get to that in a minute).
• If your print pricing structure reflects that of the pre-installed setup, all you have to do is replace the pre-installed price with your pricing information.
• You can watch the following video for a walk through on entering your pricing into the pre-installed print option structure.
• Navigate to the Invoice Settings menu at the bottom of the Menu Panel. This is where you will configure your settings for Quotes and Invoices for Orders that come through your website.
• Go through all tabs and input all information that relates to you and your business, except the Payments tabs. We will discuss that separately.
Invoice Payment Settings
• Once you have entered all info into your other settings tabs, navigate to the Payments tab.
• You will need a Stripe and/or a Paypal Business Account. (Both if you wish to offer both methods)
• Input any information that pertains to your or your business.
• Scroll to the bottom of the page where you will find the Payment Methods section.
• In the Bank section, you can input your banking info if you wish to offer direct deposit as a payment method.
• In the Generic Payment section, you can set a generic message or include further instructions for the user on how to pay.
Paypal Payment Gateway
• To make Paypal an available payment method, you will need to acquire API information from your Paypal Account Settings.
• It is listed under each option where you can find the information needed in the specific box it is listed under.
• Use Sandbox mode to test payments.
Stripe Payment Gateway
• To make Stripe an available payment method, you will need to acquire API information from your Stripe Account Settings.
• It is listed under each option where you can find the information needed in the specific box it is listed under.
• Use Sandbox mode to test payments.
You can now accept card payments through the Invoices created by your orders. Next we will setup your Shop so you can begin receiving orders through the front end of your website!
Configuring Your Shop Settings
• Navigate to the Shop Settings menu at the bottom of the Menu Panel.
• Go through each tab and configure all settings that relate to you and your business.
• Once this information is filled out, you are ready to start receiving orders from the front end of your website.
