Document Listings

Default

Displays a number of documents related to a product, such as manuals and parts information. Depending on how much information we have for a document, it may be displayed in one of three formats:

Operator's Manual

Parts Information

Serial Range Download
16DEC1000001–17JUN1001531
17JUN1001532–18JAN1000321
18JAN1000322+

Miscellaneous 

<div class="u-spaceItems1">
  <div class="u-spaceItems02">
    <h3 class="u-textSize">
        Operator&#x27;s Manual
      </h3>

    <ul class="u-listInline u-textSize01">
      <li>
        <a href="#" hreflang="en">
        <span class="u-hiddenVisually">
          Operator&#x27;s Manual for All in
        </span>
        English
      </a>
      </li>
      <li>
        <a href="#" hreflang="es">
        <span class="u-hiddenVisually">
          Operator&#x27;s Manual for All in
        </span>
        Español
      </a>
      </li>
      <li>
        <a href="#" hreflang="fr">
        <span class="u-hiddenVisually">
          Operator&#x27;s Manual for All in
        </span>
        Français
      </a>
      </li>
    </ul>

  </div>
  <div class="u-spaceItems02">
    <h3 class="u-textSize">
        Parts Information
      </h3>

    <table class="Table Table--compact Table--striped u-borderSilver u-border u-textShrink1">
      <thead>
        <th scope="col" class="u-size2of3 u-sm-size1of2">
          Serial Range
        </th>
        <th scope="col">Download</th>
      </thead>
      <tr>
        <td>16DEC1000001–17JUN1001531</td>
        <td>

          <ul class="u-sm-listInline">
            <li>
              <a href="#" hreflang="en">
        <span class="u-hiddenVisually">
          Parts Information for 16DEC1000001–17JUN1001531 in
        </span>
        English
      </a>
            </li>
            <li>
              <a href="#" hreflang="es">
        <span class="u-hiddenVisually">
          Parts Information for 16DEC1000001–17JUN1001531 in
        </span>
        Español
      </a>
            </li>
            <li>
              <a href="#" hreflang="fr">
        <span class="u-hiddenVisually">
          Parts Information for 16DEC1000001–17JUN1001531 in
        </span>
        Français
      </a>
            </li>
          </ul>

        </td>
      </tr>

      <tr>
        <td>17JUN1001532–18JAN1000321</td>
        <td>

          <ul class="u-sm-listInline">
            <li>
              <a href="#" hreflang="en">
        <span class="u-hiddenVisually">
          Parts Information for 17JUN1001532–18JAN1000321 in
        </span>
        English
      </a>
            </li>
            <li>
              <a href="#" hreflang="es">
        <span class="u-hiddenVisually">
          Parts Information for 17JUN1001532–18JAN1000321 in
        </span>
        Español
      </a>
            </li>
            <li>
              <a href="#" hreflang="fr">
        <span class="u-hiddenVisually">
          Parts Information for 17JUN1001532–18JAN1000321 in
        </span>
        Français
      </a>
            </li>
          </ul>

        </td>
      </tr>

      <tr>
        <td>18JAN1000322+</td>
        <td>

          <ul class="u-sm-listInline">
            <li>
              <a href="#" hreflang="en">
        <span class="u-hiddenVisually">
          Parts Information for 18JAN1000322+ in
        </span>
        English
      </a>
            </li>
            <li>
              <a href="#" hreflang="es">
        <span class="u-hiddenVisually">
          Parts Information for 18JAN1000322+ in
        </span>
        Español
      </a>
            </li>
            <li>
              <a href="#" hreflang="fr">
        <span class="u-hiddenVisually">
          Parts Information for 18JAN1000322+ in
        </span>
        Français
      </a>
            </li>
          </ul>

        </td>
      </tr>

    </table>
  </div>

  <div class="u-spaceItems01">
    <h3 class="u-textSize">
        Miscellaneous
      </h3>

    <ul class="u-textShrink1 u-listReset u-spaceItems06">
      <li>
        <a class="u-flexInline u-flexAlignItemsCenter u-flexRowReverse" href="#">
              827899 Operator&#x27;s Manual (Winch)
              <svg class="FileIcon FileIcon--pdf u-textShrink4 u-spaceRight06 u-pullEnds06" viewBox="-4 0 42 48" width="42" height="48">
  <polygon class="FileIcon-base" points="38 48 0 48 0 0 26 0 38 12 38 48"/>
  <polygon class="FileIcon-front" points="35 45 3 45 3 3 22 3 22 16 35 16 35 45" fill="#fff"/>
  <polygon class="FileIcon-fold" points="25 3 35 13 25 13 25 3" fill="#fff"/>
  <rect class="FileIcon-badge" x="-4" y="21" width="34" height="18" rx="3"/>
  <text class="FileIcon-label" text-anchor="middle" x="13" y="34" font-size="12" fill="#fff">pdf</text>
</svg>

            </a>
      </li>
      <li>
        <a class="u-flexInline u-flexAlignItemsCenter u-flexRowReverse" href="#">
              827899 Manuel de l&#x27;opérateur
              <svg class="FileIcon FileIcon--pdf u-textShrink4 u-spaceRight06 u-pullEnds06" viewBox="-4 0 42 48" width="42" height="48">
  <polygon class="FileIcon-base" points="38 48 0 48 0 0 26 0 38 12 38 48"/>
  <polygon class="FileIcon-front" points="35 45 3 45 3 3 22 3 22 16 35 16 35 45" fill="#fff"/>
  <polygon class="FileIcon-fold" points="25 3 35 13 25 13 25 3" fill="#fff"/>
  <rect class="FileIcon-badge" x="-4" y="21" width="34" height="18" rx="3"/>
  <text class="FileIcon-label" text-anchor="middle" x="13" y="34" font-size="12" fill="#fff">pdf</text>
</svg>

            </a>
      </li>
      <li>
        <a class="u-flexInline u-flexAlignItemsCenter u-flexRowReverse" href="#">
              HSB Installation Manual (All Models)
              <svg class="FileIcon FileIcon--pdf u-textShrink4 u-spaceRight06 u-pullEnds06" viewBox="-4 0 42 48" width="42" height="48">
  <polygon class="FileIcon-base" points="38 48 0 48 0 0 26 0 38 12 38 48"/>
  <polygon class="FileIcon-front" points="35 45 3 45 3 3 22 3 22 16 35 16 35 45" fill="#fff"/>
  <polygon class="FileIcon-fold" points="25 3 35 13 25 13 25 3" fill="#fff"/>
  <rect class="FileIcon-badge" x="-4" y="21" width="34" height="18" rx="3"/>
  <text class="FileIcon-label" text-anchor="middle" x="13" y="34" font-size="12" fill="#fff">pdf</text>
</svg>

            </a>
      </li>
    </ul>
  </div>
</div>