test header
<div id="product-info" class="container">
  <ul class="breadcrumb">
          <li class="breadcrumb-item"><a href="http://hermanmilleraeron.co.uk/index.php?route=common/home&amp;language=en-gb"><i class="fas fa-home"></i></a></li>
          <li class="breadcrumb-item"><a href="http://hermanmilleraeron.co.uk/index.php?route=product/product&amp;language=en-gb&amp;product_id=56">Aeron Basic Roller Arms</a></li>
      </ul>
  <div class="row">
    <div id="content" class="col">
      

      <div class="row mb-3">

                  <div class="col-sm">
            <div class="image magnific-popup">

                              <a href="http://hermanmilleraeron.co.uk/image/cache/catalog/AeronBasicCarbonRoll-500x500.jpg" title="Aeron Basic Roller Arms"><img src="http://hermanmilleraeron.co.uk/image/cache/catalog/AeronBasicCarbonRoll-228x228.jpg" title="Aeron Basic Roller Arms" alt="Aeron Basic Roller Arms" class="img-thumbnail mb-3"/></a>
              
                              <div>
                                      <a href="http://hermanmilleraeron.co.uk/image/cache/catalog/AeronBasicCarbonRoll-500x500.jpg" title="Aeron Basic Roller Arms"><img src="http://hermanmilleraeron.co.uk/image/cache/catalog/AeronBasicCarbonRoll-74x74.jpg" title="Aeron Basic Roller Arms" alt="Aeron Basic Roller Arms" class="img-thumbnail"/></a>&nbsp;
                                      <a href="http://hermanmilleraeron.co.uk/image/cache/catalog/AeronBasicSide-500x500.jpg" title="Aeron Basic Roller Arms"><img src="http://hermanmilleraeron.co.uk/image/cache/catalog/AeronBasicSide-74x74.jpg" title="Aeron Basic Roller Arms" alt="Aeron Basic Roller Arms" class="img-thumbnail"/></a>&nbsp;
                                      <a href="http://hermanmilleraeron.co.uk/image/cache/catalog/AeronBasicRearQ-500x500.jpg" title="Aeron Basic Roller Arms"><img src="http://hermanmilleraeron.co.uk/image/cache/catalog/AeronBasicRearQ-74x74.jpg" title="Aeron Basic Roller Arms" alt="Aeron Basic Roller Arms" class="img-thumbnail"/></a>&nbsp;
                                  </div>
              
            </div>
          </div>
        
        <div class="col-sm">
          <h1>Aeron Basic Roller Arms</h1>
          <ul class="list-unstyled">

                          <li>Brand: <a href="http://hermanmilleraeron.co.uk/index.php?route=product/manufacturer.info&amp;language=en-gb&amp;manufacturer_id=11">Herman Miller</a></li>
            
            <li>Product Code: RABR</li>

            
            <li>Availability: In Stock</li>
          </ul>

                      <ul class="list-unstyled">
                              <li>
                  <h2><span class="price-new">£0.00</span></h2>
                </li>
              
                              <li>Ex Tax: £0.00</li>
              
              
                          </ul>
          
          <form method="post" data-oc-toggle="ajax">
            <div class="btn-group">
              <button type="submit" formaction="http://hermanmilleraeron.co.uk/index.php?route=account/wishlist.add&amp;language=en-gb" data-bs-toggle="tooltip" class="btn btn-light" title="Add to Wish List"><i class="fa-solid fa-heart"></i></button>
              <button type="submit" formaction="http://hermanmilleraeron.co.uk/index.php?route=product/compare.add&amp;language=en-gb" data-bs-toggle="tooltip" class="btn btn-light" title="Compare this Product"><i class="fa-solid fa-arrow-right-arrow-left"></i></button>
            </div>
            <input type="hidden" name="product_id" value="56"/>
          </form>
          <br/>
          <div id="product">
            <form id="form-product">
              
                
                <div class="mb-3">
                  <label for="input-quantity" class="form-label">Qty</label>
                  <input type="text" name="quantity" value="1" size="2" id="input-quantity" class="form-control"/>
                  <input type="hidden" name="product_id" value="56" id="input-product-id"/>
                  <div id="error-quantity" class="form-text"></div>
                  <br/>
                  <button type="submit" id="button-cart" class="btn btn-primary btn-lg btn-block">Add to Cart</button>
                </div>

                              </div>
                          </form>
          </div>
        </div>
        <ul class="nav nav-tabs">
          <li class="nav-item"><a href="#tab-description" data-bs-toggle="tab" class="nav-link active">Description</a></li>

          
          
        </ul>
        <div class="tab-content">

          <div id="tab-description" class="tab-pane fade show active mb-4"></div>

          
          
        </div>
      </div>

      
      
      </div>
    </div>
</div>
<script type="text/javascript"><!--
$('#input-subscription').on('change', function(e) {
    var element = this;

    $('.subscription').addClass('d-none');

    $('#subscription-description-' + $(element).val()).removeClass('d-none');
});

$('#form-product').on('submit', function(e) {
    e.preventDefault();

    $.ajax({
        url: 'index.php?route=checkout/cart.add&language=en-gb',
        type: 'post',
        data: $('#form-product').serialize(),
        dataType: 'json',
        contentType: 'application/x-www-form-urlencoded',
        cache: false,
        processData: false,
        beforeSend: function() {
            $('#button-cart').button('loading');
        },
        complete: function() {
            $('#button-cart').button('reset');
        },
        success: function(json) {
            console.log(json);

            $('#form-product').find('.is-invalid').removeClass('is-invalid');
            $('#form-product').find('.invalid-feedback').removeClass('d-block');

            if (json['error']) {
                for (key in json['error']) {
                    $('#input-' + key.replaceAll('_', '-')).addClass('is-invalid').find('.form-control, .form-select, .form-check-input, .form-check-label').addClass('is-invalid');
                    $('#error-' + key.replaceAll('_', '-')).html(json['error'][key]).addClass('d-block');
                }
            }

            if (json['success']) {
                $('#alert').prepend('<div class="alert alert-success alert-dismissible"><i class="fa-solid fa-circle-check"></i> ' + json['success'] + ' <button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>');

                $('#header-cart').load('index.php?route=common/cart.info');
            }
        },
        error: function(xhr, ajaxOptions, thrownError) {
            console.log(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
        }
    });
});

$(document).ready(function() {
    $('.magnific-popup').magnificPopup({
        type: 'image',
        delegate: 'a',
        gallery: {
            enabled: true
        }
    });
});
//--></script>
</main>
<footer>
  <div class="container">
    <div class="row">
              <div class="col-sm-3">
          <h5>Information</h5>
          <ul class="list-unstyled">
                          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=information/information&amp;language=en-gb&amp;information_id=4">About Us</a></li>
                          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=information/information&amp;language=en-gb&amp;information_id=6">Delivery Information</a></li>
                          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=information/information&amp;language=en-gb&amp;information_id=3">Privacy Policy</a></li>
                          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=information/information&amp;language=en-gb&amp;information_id=5">Terms &amp; Conditions</a></li>
                      </ul>
        </div>
            <div class="col-sm-3">
        <h5>Customer Service</h5>
        <ul class="list-unstyled">
          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=information/contact&amp;language=en-gb">Contact Us</a></li>
          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=account/returns.add&amp;language=en-gb">Returns</a></li>
                    <li><a href="http://hermanmilleraeron.co.uk/index.php?route=information/sitemap&amp;language=en-gb">Site Map</a></li>
        </ul>
      </div>
      <div class="col-sm-3">
        <h5>Extras</h5>
        <ul class="list-unstyled">
          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=product/manufacturer&amp;language=en-gb">Brands</a></li>
          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=checkout/voucher&amp;language=en-gb">Gift Certificates</a></li>
                      <li><a href="http://hermanmilleraeron.co.uk/index.php?route=account/affiliate&amp;language=en-gb">Affiliate</a></li>
                    <li><a href="http://hermanmilleraeron.co.uk/index.php?route=product/special&amp;language=en-gb">Specials</a></li>
        </ul>
      </div>
      <div class="col-sm-3">
        <h5>My Account</h5>
        <ul class="list-unstyled">
          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=account/account&amp;language=en-gb">My Account</a></li>
          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=account/order&amp;language=en-gb">Order History</a></li>
          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=account/wishlist&amp;language=en-gb">Wish List</a></li>
          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=account/newsletter&amp;language=en-gb">Newsletter</a></li>
        </ul>
      </div>
    </div>
    <hr>
    <p>Powered By <a href="https://www.opencart.com">OpenCart</a><br/> Herman Miller Aeron &copy; 2024</p>
    <!--
OpenCart is open source software and you are free to remove the powered by OpenCart if you want, but its generally accepted practise to make a small donation.
Please donate via PayPal to donate@opencart.com
//-->
  </div>
</footer>

<script src="catalog/view/javascript/bootstrap/js/bootstrap.bundle.min.js" type="text/javascript"></script>
</body></html>