Alternate Viewer - CSS CODE

To use the alternate pdf viewer anywhere on your website like for static products use the code below. You can substitute the {ProductionFileUrl} with the {PreviewFileUrl}

      <div id="one" class="pdf-pro-plugin" 

                  style="width: 100%;"

                  data-mode="normal" 

                  data-color="#336699"

                  data-show-download-button="0"

                  data-pdf-url="{ProductionFileUrl}"></div>

    <link href="/Resources/Themes/Plugins/PDFViewer/pdf-viewer.css" rel="stylesheet" type="text/css" />   

<script src="/Resources/Themes/Plugins/PDFViewer/pdfjs/pdf.js"></script>

<script src="/Resources/Themes/Plugins/PDFViewer/pdf-viewer.min.js"></script>

For PDF Lib block or XMPIE products when make sure to turn on the Alternate VIewer in the company settings.

To disable download add this code to the Product bootstrap layout page:

  <span id="pdf-viewer-settings" data-show-download-button="0" data-color="#802020" data-toolbar-position="top" ></span>