Ok the answer is so simple Im ashamed I didn’t think of it before

it’s called custom template.
If anyone wants to do what I’ve done up there with ditto here is my new ditto call, note that I’m using the coulmns display of ditto and that the picture you’ll see is the first one on the gallery:
Ditto template
<li class="ditto_products" id="ditto_item_[+id+]">
<h4 class="ditto_pageTitle"><a href="[~[+id+]~]">[+pagetitle+]</a></h4>
<div class="ditto_product_image"><a href="[~[+id+]~]">[!MaxiGallery? &view_gallery=`[+id+]` &limit=`1` &max_pic_size=`120` &galleryPictureTpl=`mg_products` &galleryOuterTpl=`mg_products_outer` !] </a></div> </li>
&galleryPictureTpl chunck
<img src="[(base_url)][+maxigallery.path_to_gal+]tn_[+maxigallery.picture.filename+]" class="thumbnail" alt="[+maxigallery.picture.title:htmlent+]" />
&galleryOuterTpl chunck
<div class="thumbscontainer">
[+maxigallery.pictures+]
</div>
Hope this helps somebody out there.