Configuring the Product - View Pre Decorated Product system page settings

The View Pre Decorated Product page is a system page that lets you view the details of a pre-decorated product. System pages are pages that cannot be turned off as they serve a necessary function in your web store, such as website authentication or product viewing. Click here to see an example of the View Pre Decorated Product page in the DecoNetwork demo store.

You can customize the View Pre Decorated Product page by configuring the display properties, layout, and design options via the page settings in the Website Editor. Access the page settings by going to the SYSTEM PAGES section in the PAGES tab of the Website Editor.

To configure the View Pre Decorated Product system page settings:

1. Click on the PAGES button in the Website Editor Toolbar.
   
2. Click on the + icon at the left of the Product tab to expand the Product pages menu.
   
3. Click on the View Pre Decorated Product page tab.
   

   The View Pre Decorated Product page is displayed in the Content Area of the Website Builder. The image below highlights the sections of the View Pre Decorated Product page. Use this as a reference for configuring the placement of items on the page.

   

   Click the image to enlarge.

   

4. Mouse over the View Pre Decorated Product Widget, then click on the down arrow beside the product icon.
5. Choose the View Pre Decorated Product Settings item from the drop-down menu.
   

   The View Pre Decorated Product Settings popup will be displayed, with the View Pre Decorated Product Properties Tab selected.

   
6. Configure the settings for the View Pre Decorated Product Widget.
   • Image Panel Position: lets you choose the position within the View Pre Decorated Product Widget container where the decorated product image will be displayed.
     • Left
     • Right
   • Image Panel Size: lets you choose the size at which the decorated product image will be displayed.
     • Small
     • Medium
     • Large
   • Image Thumbnails Position: lets you choose the position within the View Pre Decorated Product Widget container where the decorated product view image thumbnail will be displayed.
     • Left
     • Right
     • Top
     • Bottom
   • Image Thumbnails Size: lets you choose the size at which the decorated product view image thumbnail will be displayed.
     • Small
     • Medium
     • Large
   • Show Custom Fields: lets you choose whether custom product fields will be displayed.
     • Yes
     • No

     Custom fields are additional product options that the customer can choose from when they order a product, such as the choice of button color on a shirt.

   • Show Custom Fields Description: lets you choose whether the description for custom product fields will be displayed.
     • Yes
     • No
   • Load Designer Button Label: lets you modify the name that will appear on the Load Designer button.
   • Add to Cart Button Label: lets you modify the name that will appear on the Add to Cart button.
   • Show replace/clear actions for template assets: lets you choose whether to show the replace image and clear image links that appear below a graphic asset on the View Pre Decorated Product page.
   • Show Full Product Description: lets you choose whether the full blank product description will be visible. If 'No' is selected, the description will be cropped and a View Description link will be available which will expand the description section when clicked.
     • Yes
     • No
   • Show product views with no available decoration areas: lets you choose whether product views that do not have decoration areas will be visible.
     • No: thumbnails for product views that have no decoration areas defined will be hidden.
     • Yes: thumbnails for product views that have no decoration areas defined will be visible. Clicking on the thumbnail will display the large image preview for the view.
   • Hide all product views with no decorations added: lets you choose whether product views that do not have decorations added will be visible.
     • No: thumbnails for product views that have no decorations added will be visible.
     • Yes: thumbnails for product views that have no decorations added will be hidden. Clicking on the thumbnail will display the large image preview for the view.
   • Show Social Sharing: lets you choose whether social sharing buttons will be shown for each item in the cart, allowing your customers to share the products they have purchased on their social media sites (i.e. Pinterest, Twitter, and Facebook) and via email.
     • Tick the checkbox to show the social sharing buttons
     • Un-tick the checkbox to hide the social sharing buttons
   • Product Name position: lets you choose the position within the View Pre Decorated Product Widget container where the decorated product name will be displayed.
     • Top of Page
     • Properties Panel
   • Product Code Position: lets you choose an option for the display and placement of the product's code.
     • Don't Show
     • Top of Page
     • Properties Panel
   • Product Brand Logo Position: lets you choose the position within the View Pre Decorated Product Widget container where the decorated product brand logo will be displayed.
     • Don't Show
     • Image Panel
     • Properties Panel
   • Product Sizing Information Position: lets you choose the position within the View Pre Decorated Product Widget container where the decorated product sizing information will be displayed.
     • Don't Show
     • Image Panel
     • Properties Panel
     • Bottom Panel
     • Extra Details
   • Product Shipping Information Position: lets you choose the position within the View Pre Decorated Product Widget container where the decorated product shipping information will be displayed.
     • Don't Show
     • Image Panel
     • Properties Panel
     • Bottom Panel
     • Extra Details
   • Product Discounts Position: lets you choose the position within the View Pre Decorated Product Widget container where the decorated product discounts will be displayed.
     • Don't Show
     • Image Panel
     • Properties Panel
     • Bottom Panel
     • Extra Details
   • Product Description Position: lets you choose the position within the View Pre Decorated Product Widget container where the decorated product description will be displayed.
     • Don't Show
     • Top of Page
     • Image Panel
     • Properties Panel
     • Bottom Panel
     • Extra Details
   • Product Description Position: lets you choose the position within the View Pre Decorated Product Widget container where the blank product description will be displayed.
     • Don't Show
     • Top of Page
     • Image Panel
     • Properties Panel
     • Bottom Panel
     • Extra Details
   • Blank Product Description Position: lets you choose the position within the View Pre Decorated Product Widget container where the blank product description will be displayed.
     • Don't Show
     • Image Panel
     • Properties Panel
     • Bottom Panel
     • Extra Details
   • Related Products Position: lets you choose the position within the View Pre Decorated Product Widget container where the decorated product's related product images will be displayed.
     • Don't Show
     • Image Panel
     • Properties Panel
     • Bottom Panel
     • Extra Details
   • Related Products Size: lets you choose the size at which the thumbnails of the related products will be displayed.
     • 100x100
     • 150x150
     • 200x200
     • 300x300
     • 600x600
   • Show Related Products Full Name: lets you choose whether to display the full name of the related products.
     • Yes: displays the full name of the related product.
     • No: truncates the name of the related product to the width of the product thumbnail. An ellipsis (...) is appended to the end of the product name to indicate that it has been truncated.
   • Extra Details Position: lets you choose the position within the View Pre Decorated Product Widget container where extra details for the decorated product will be displayed.
     • Properties Panel
     • Bottom Panel
   • Extra Details Display: lets you choose the style in which to display the extra details for the decorated product.
     • Tabs: displays each extra detail topic in a separate tab.
       

       Click the image to enlarge.

       

     • Blocks: displays each extra detail topic in content blocks.
       

       Click the image to enlarge.

       

     • Expandable Blocks: displays each extra detail topic in expandable blocks of content.
       

       Click the image to enlarge.

       

   • Print Quality Information Position: lets you choose the position within the View Blank Product Widget container where the print quality information will be displayed.
     • Don't Show
     • Image Panel
     • Properties Panel
     • Bottom Panel
     • Extra Details
7. Click OK.
8. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.