Answered Trying to get Migx to work with Image+

4 Posts

gavin- Reply #1, 5 years, 2 months ago

Sorry if this has been asked before but I can't seem to figure it out, I have Image+ set-up in a Migx TV and all seems to working in the back-end
(The JSON in MIGX)

[
{"caption":"Info", "fields": [
    {"field":"title","caption":"Title"}, 
    {"field":"image",
"caption":"Image",
"inputTVtype":"imageplus",
"targetWidth":"",
"targetHeight":"",
"targetRatio":"",
"thumbnailWidth":"",
"allowAltTag":"", 
"sourceFrom":"migx"}
]}
]

This is the only output I'm getting on the front-end

{ "sourceImg": { "src": "assets/gallery/11/32.jpg", "width": 1024, "height": 680, "source": 1 }, "crop": { "x": 147, "y": 170, "width": 468, "height": 282 }, "targetWidth": 0, "targetHeight": 0 }

This is my Chunk

   
              [[getImageList? 
    &tvname=`imageplus`
    &limit=`6`
    &tpl=`@CODE:
    [[ImagePlus? 
&value=`[[+image]]`
]]
<div class="cbp-item" data-animate="fadeIn" data-animate-delay="1.7">
              <a href="[[+image]]" class="cbp-caption" data-title="[[+title]]">
                <div class="cbp-caption-defaultWrap">
                  <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="[[+image]]" alt="" width="150" height="75"/>
            
                </div>
                <div class="cbp-caption-activeWrap">
                  <div class="cbp-l-caption-alignCenter">
                    <div class="cbp-l-caption-body">
                      <div class="cbp-l-caption-title"></div>
                      <div class="cbp-l-caption-desc"></div>
                    </div>
                  </div>
                </div>
              </a> </div>
            `]]
           
           
            </div></div>

Any help would be greatly appreciated

This question has been answered by gavin-. See the first response.

[ed. note: gavin- last edited this post 5 years, 2 months ago.]

discuss.answer

4 Posts

gavin- Reply #2, 5 years, 2 months ago

OK after a bit of playing around I figured it, If anyone else wants to know
You have to set up a new TV for Image+ and set it up a you would normally (input Options > Image+ - Output Options Image+ and Generate Thumbs)
So the call to your Migx TV is

[
{"caption":"Info", "fields": [
    {"field":"title","caption":"Title"}, 
    {"field":"image",
"caption":"Image",
"inputTV":"Your_Image+_TV",
"sourceFrom":"migx"}
]}
]

and the Chunk would be

  [[getImageList? 
    &tvname=`Your_Migx_tv`
    &limit=`6`
    &tpl=`@CODE:
    [[ImagePlus?
&tvname=`Your_Image+_TV`

]]
<div class="cbp-item" data-animate="fadeIn" data-animate-delay="1.7">
              <a href="[[+image]]" class="cbp-caption" data-title="[[+title]]">
                <div class="cbp-caption-defaultWrap">
                  <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="[[+image]]" alt="" width="150" height="75"/>
            
                </div>
                <div class="cbp-caption-activeWrap">
                  <div class="cbp-l-caption-alignCenter">
                    <div class="cbp-l-caption-body">
                      <div class="cbp-l-caption-title"></div>
                      <div class="cbp-l-caption-desc"></div>
                    </div>
                  </div>
                </div>
              </a> </div>
            `]]
           
           
            </div></div>

[ed. note: gavin- last edited this post 5 years, 2 months ago.]