I have a product section. When I create a product entry, I select related product entries via a Playa field. I can get this to display as expected.
I have now added a matrix field on the product entry page that allows me to upload multiple product images for a specific entry.
When I view a product entry on the front end, the related products display as expected except for the images. All related products show the image from the main entry page they are currently visiting. Not the image for the entry that is related.
So I end up with a number of related products all sharing the same image.
I'm not sure where to go from here. Any help would be greatly appreciated.
Here's the code
{exp:channel:entries channel="products"}
{related_products} <!--THIS IS THE PLAYA FIELD FOR RELATED PRODUCTS-->
<div class="col-md-12">
<div class="item product">
<div class="product-thumb-info">
<div class="product-thumb-info-image">
<span class="product-thumb-info-act">
<a href="{exp:transcribe:uri path="paint/product/{url_title}"}" title="{title}" class="view-product">
<span><i class="fa fa-external-link"></i></span>
</a>
</span>
<a href="{exp:transcribe:uri path="paint/product/{url_title}"}">
{product_image limit="1"} <!--THIS IS THE MATRIX FIELD FOR THE IMAGES-->
<img alt="{title}" title="{title}" class="img-responsive" src="{main_product_image}">
{/product_image}
</a>
</div>
<div class="product-thumb-info-content">
<span class="price pull-right">{sizes_available}</span>
<h4><a href="{exp:transcribe:uri path="paint/product/{url_title}"}">{title}</a></h4>
<span class="item-cat"><small><a href="{exp:transcribe:uri path="paint/product/{url_title}"}">{paint_type}</a></small></span>
</div>
</div>
</div>
</div>
{/related_products}
{/exp:channel:entries}