Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Excerpt

Offer your customers more in-depth product information with a document download! You can now upload a variety of file types in the CMS, giving your customers the ability to download tech specs, shiny brochures, or safety data sheets. And all without cluttering up that sleek product detail page you've so carefully crafted.

This article will show you how.

...

Info
titlePrerequisites

In order to take advantage of this functionality, your site must be running version 4.00.00+ and the Product Documents feature must be enabled. Please contact our friendly Support Team if you need assistance with this.

 

1. Define File Types

The Feature Settings page in the CMS is where the permitted file types are specified. You can update the comma-separated list to add or remove file formats as required.

...

Info
iconfalse
titleIs this feature disabled?


Image Added This feature needs to be switched on for your site by Commerce Vision. 



Multiexcerpt
MultiExcerptNameFeature Overview


Excerpt

Upload a product document in the CMS to make it available to customers in one of many file types supported. 




Image Added



1. Enable Product Documents 

  1. In the CMS, navigate to SettingsFeature Management → Products & Categories → Product Documents.

  2. Toggle ON Product Documents, then click Configure.

2. Define File Types

  1. In 'Allowed File Types', toggle on/off the file types as required. 

    The full list of allowable file types is as follows:

    • jpg
    • jpeg
    • png
    • gif
    • html
    • htm
    • txt
  • doc
  • docx
  • zip
  • pdf
  • xls
  • xlsx
  • csv
  •  
      • ogg
      • rar
      • xlsx
      • csv
      • css
      • gz
      • ico
      • js
      • lzh
      • mp4
      • xls
      • svg
      • webm
      • woff
      • woff2
      • doc
      • docx
      • zip
      • pdf



    1. Don't forget to Save your changes!

     

    ...

    3. Upload and Tag Documents

    With the feature on and your file types specified, it's time to upload some product documents.

    1. Navigate to Products & CategoriesProduct Maintenance.

    2. Search for the product you require, and click Edit.

    3. Scroll down to the Documents section (it should be below 'Media'. If it's not there, the feature hasn't been enabled - contact us).
    4. Click Add Files. The File Manager will open.

    5. Select your document from the list, or click Upload to browse to a local file. You can also drag & drop a file from your PC straight into the file manager.


    6. With the document selected, click Insert.


    7. Now that the document has been added, update the Display Label (the document name shown to users). By default, the file name will be displayed.

    8. Here, you can also add Tags to the document. This is handy if you want a widget on the Product detail page to show ONLY documents with a particular tag. (You can see I added a 'Features' tag below - we'll use that later).


    9. Repeat these steps for any other documents you wish to add to this product.

    10. Click Save / Save and Exit.

     


    ...

    4. Add

    ...

    a Product Document Widget

    Now you'll need a widget on the product detail page to actually display these handy documents.

    1. In the CMS, navigate to ContentStandard Pages.

    2. Select the Product Detail page template.

    3. Based on your page layout, find the zone you'd like the Documents displayed in and click Add Widget. (We placed ours just under the image gallery.)
    4. Search for and select the Product Documents widget, and click Add Widget. Drag the widget to the correct spot in the zone, if needed.

    5. Click Edit to update the widget options:

      • Document Tags - leave blank to display all documents, or enter tag(s) that match your uploaded file(s).
        For example, I entered a 'Features' tag here, so this widget will only display documents with that tag. I can add another Product Documents widget to show Technical Specs docs separately, if I wish.

      • Show File Sizes - displays the size of each file to the right of it. This is a great courtesy to show your mobile users, who might not want to download large files on the go.

      • Document List Heading - the title displayed at the top of the widget.



    6. Click Save.

    ...


    And that's it! Load your product page in another tab or browser and admire your handiwork. (thumbs up)


    Additional Information


    Multiexcerpt
    hiddentrue
    MultiExcerptNameAdditional Info
    n/a


    ...

    Multiexcerpt
    hiddentrue

     

    MultiExcerptNameFeature Title

    Product Documents


    Minimum Version Requirements


    Multiexcerpt
    MultiExcerptNameMinimum Version Requirements
    4.00.00


    Prerequisites


    Multiexcerpt
    MultiExcerptNamePre reqs
    'Product Documents' feature enabled. 


    Self Configurable


    Multiexcerpt
    MultiExcerptNameSelf Configurable

    Yes


    Business Function


    Multiexcerpt
    MultiExcerptNameBusiness Function

    Products & Categories


    BPD Only?


    Multiexcerpt
    MultiExcerptNameBPD Only

    Yes


    B2B/B2C/Both


    Multiexcerpt
    MultiExcerptNameB2B/B2C/Both

    Both


    Third Party Costs


    Multiexcerpt
    MultiExcerptNameThird Party Costs

    $ -



     Related help

    Content by Label
    showLabelsfalse
    max10
    showSpacefalse
    titleexcludeCurrentRelated articlestrue
    cqllabel in ("cms","how-to","product_content","tags")

     

     

     

    Content by Label
    showLabelsfalse
    showSpacefalse
    titleRelated widgets
    excludeCurrenttrue
    cqllabel = "widget" and title ~ "Product Document"