How to Customize Your ECommerce Service Detail Page Layout in Zibster
Overview
The Service Detail Page Layout setting in Zibster controls how individual ECommerce Services appear when customers view and purchase them on your website. You can customize the arrangement of service images, descriptions, pricing, available options, and Add to Cart controls to create a shopping experience that works best for your business.
Zibster offers five Service Detail Page Layouts, including three options that display service images without cropping. Your selected layout applies to all individual ECommerce Service pages, including the pages customers use to select service options and add services to their shopping cart.
Follow the steps below to customize your Service Detail Page Layout.
STEP ONE
Log into your Zibster account and click WEBSITE in the left-side menu.
STEP TWO
Click the DESIGN tab at the top of your Website control panel.
STEP THREE
Click EDIT DESIGN SETTINGS to access your website's global design settings.
STEP FOUR
Click DETAIL PAGE LAYOUTS in the right-side menu of your website's design settings.
This opens the SERVICE DETAIL PAGE LAYOUT panel, where you can preview the five available layouts for your ECommerce Services.
FINAL STEP
Choose your preferred SERVICE DETAIL PAGE LAYOUT from the five available options. Each layout includes a preview showing how your service images, descriptions, and purchasing options will appear on your website.
-
Single Item Square Top: Displays a square service image above the service details and purchasing options.
-
Single Item Square Left: Displays a square service image beside the service description, with purchasing options below.
-
Single Item Portrait: Displays a larger portrait-oriented image on the left, with additional image thumbnails below and service details on the right.
-
Single Item Gallery: Displays a large service image with additional image thumbnails underneath, alongside the service details and purchasing options.
-
Single Item Slideshow: Displays service images in a slideshow-style layout alongside the service details and purchasing options.
Click SAVE directly beneath your preferred layout to apply your selection.
Your selected layout will automatically apply to all individual ECommerce Service detail pages on your website. You do not need to update each service separately or publish your website again.
What Your Clients See
When customers click an individual ECommerce Service to view its details or add it to their shopping cart, they will see the Service Detail Page Layout you've selected.
Depending on your chosen layout, service images may appear above or beside the service information. Customers can review the service description, select available options, view pricing, and add the service to their shopping cart.
If you choose Single Item Portrait, Single Item Gallery, or Single Item Slideshow, customers will see the complete service image without cropping. These layouts preserve the original image proportions, making them especially useful when the full composition is important.
Changing the Service Detail Page Layout only affects how service information is presented. It does not change your service pricing, available options, or shopping cart functionality.
Because this is a global design setting, all individual ECommerce Service pages use the same selected layout.
Helpful Notes
-
Image cropping: Single Item Portrait, Single Item Gallery, and Single Item Slideshow display service images without cropping, preserving their original aspect ratios. Choose one of these layouts when you want customers to see the full image.
-
Global setting: Your selected Service Detail Page Layout applies to all individual ECommerce Service pages. You cannot select a different layout for each service using this setting.
-
Service images: Choose a layout that complements the images you've uploaded for your services. Gallery and Slideshow layouts are especially useful for presenting multiple images.
-
Shopping cart experience: This setting controls the service detail page where customers review options and click Add to Cart. It does not change the appearance of the shopping cart or checkout page itself.
-
Services Blocks: This setting does not control how multiple services appear together within a Website Builder Services Block. Services Blocks have their own layout and display settings. See How to Use Services Blocks to learn how to customize the presentation of services on your website.
-
Direct service links: Individual ECommerce Services can be shared using their direct URLs. Customers opening those links will see your selected Service Detail Page Layout when viewing service details and purchasing options. See How to Get a Direct Link to an ECommerce Service in Zibster for instructions on finding and sharing individual service links.
NEED HELP?
Have questions or need a hand? Contact our Support Team for help with your Zibster website and account.
Phone: 844.353.3412
Support Channels: Phone, Live Chat, Support Ticket
