I am trying to add a loop to the product.product_template_form_view form view. I am using the following piece of code to do so

<template id="website_multi_image_product_carousel" inherit_id="product.product_template_form_view" name="Website Product Image Carousel" customize_show="True">
 <xpath expr="//page[@string='information']" position="inside">
            <div class="container-fluid">
				<div class="row-fluid">
					<div class="slider slider-for">
						<t t-foreach="product.images" t-as="i">
						<div><span t-field="i.image" class="img-responsive" t-field-options="{"widget": "image", "class": "img-responsive"}"/></div>
						</t>
					</div>
				</div>
            </div>
          </xpath>
        </template>

Am doing this in order to loop through the list of images attached to the product and display them as sliders. Is there anyone who can point me in the right direction?