Use the Services block to load your desired Ecommerce services for visitors to purchase.
You can control the services you want to display. Choose to display all of your services, a single services category, services with specific tags, or custom services. If you need to make edits to any of your items, click the manage services button.
Display ALL of your service categories: Choose this option to display every service you have for sale.
Display a single service category: Choose this option to display all created services within one service category.
Display all services tagged with: Choose this option to display services with specific tags. You can choose to display one or multiple tags in this section. After typing your desired tag, click add tagto apply your selections.
Custom services: Choose this option to select specific services to display in your current block. Click add a service to add more services.
When you have finished adding your services, save changes.
CHOOSE A LAYOUT
The Layouts determine the display of your services' image, title, and price in addition to the number of services that show within the block.
Click change under current layout to make your selections.
Rows and Columns: The number of rows and columns you choose to display within the Services block determines how many of your services show. For example, if you have 30 services created in Ecommerce and choose to show two rows and three columns in your Services block, only six of your 30 services will show. The rows are horizontal and the columns are vertical.
Modern Layouts: Display the service title and price on top of the services' image.
Editorial Layouts: Your services' title and price display below the services' image.
Designer Layouts: The service price shows on top of the services' image; the services' title shows below the image.
Single Item Layouts: Display a single service with all of its corresponding information (title, description, and price).
LAST ITEM LINK
Using the Last Item customization feature allows quick loading of your content, and for your users to choose to view more of your services. The Last Item feature does not apply if you are using a Single Item layout.
If you have more services than your selection of rows and columns in the Layout area allow, you have the following options for the last item in your sequence:
None: The exact number of services according to your selection of rows and columns will display.
Yes, as a "load more link": A link will display as the last item in your sequence of services, which will load more of your services once clicked. You can customize the text that shows in this box in the LINK TEXT box provided.
For example, if you choose to display two rows and three columns of services, the last service on the second row will be replaced with your custom link text prompting users to click to load more services.
Yes, as a Standard Link: Similar to the previous load more option, this choice displays a box with custom link text as the last item in your sequence of services that connects to another area.
Link options include:
NONE: Your button would not link anywhere.
EXTERNAL LINK: Direct your clients to helpful resources that exist in a place other than your website.
PAGE: Direct your visitors toan existing web page on your website. FORM: Connect to a Custom Form you have created in your FORM BUILDER. MARKETING: Direct users to a Campaign or Landing Page you have created in the MARKETINGtool. FILE: Allow usersto open a PDF, JPG, PNG, or GIF file that has been uploaded to the DOCUMENTS area of your account's FILES section. PHONE: Connecting your button to a phone number allows users to quickly click to call you. EMAIL: Connecting your button to an email address opens a user's default mail client to easily send you an email. ADDRESS: Allow users to find where you are by opening an address in Google Maps. VIDEO: Add a video embed code obtained from YouTube or Vimeo to play in a light-box.
The styling section includes six styling options: Overlay Opacity, Space Between Items, Space Below Blocks, Space Inside Blocks, Flushing, and Mobile View. These styling sections will override the settings that have been picked in the global styling section under DESIGNtab.
Overlay Opacity: Adjusts the opacity upon hovering over an image. This setting only applies to layouts where titles and prices are seen by hovering over an image. Increase or decrease the opacity of your overlay by adjusting the percentage.
Space Between Items: Controls the spacing between images using grid layouts.
Space Below Blocks: Controls the amount of space before the next block begins.
Space Inside Blocks: Controls the amount of space at the top and bottom of a block.
Flushing: Controls whether the content of this block flushes to fill the screen width or remains contained in the center of the screen.
Mobile View: Controls if images on mobile and smaller devices display in one column or two.
The color section includes six color options. These colors will override the colors for the buttons and background that have been picked in the global color section under the design tab.
You can customize a background image behind your block to be different from your website background.