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 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>