Here's another more elaborate one,
http://sc.sottwell.modxcloud.com/shop/
This one uses the custom fields of the SimpleCart products resources, with getResources, and this chunk tpl to feed the
Jssor Slider script:
<div>
<img u="image" src="[[+product_image:pthumb=`w=400&h=200&zc=`1`]]">
<img u="thumb" src="[[+product_image:pthumb=`w=68&h=68&zc=1`]]">
<div u="caption" t="MCLIP|B" style="position: absolute; top: 365px; left: 0px; right: 0; width: 676px; height: 50px; background: #000; opacity: 0.5; color: #fff;">
<div style="position: absolute; top: 0px; left: 0px; width: 100%; height: 50px; background-color: Black; opacity: 0.5; filter: alpha(opacity=50);"></div>
<div style="position: absolute; top: 0px; left: 0px; width: 100%; height: 50px; color: White; font-size: 16px; font-weight: bold; line-height: 50px; text-align: center;">[[+longtitle]]</div>
</div>
</div>
-
- 184 Posts
Hello, thank you for the help.
A few others wrote that MIGX is easier, however I had a brief look and it looked like images only.
You explained that can somehow be mixed into a Bootstrap Carousel, which would be ideal.
However, the big point I like with the Slideshow Manager is the scheduler for slides. I haven't tested if the scheduler really works yet, but I would like the schedule feature, with the ease of Bootstrap carousel if possible?
MIGX can be any set of fields that you like. It was originally developed to deal with multiple images and their titles and descriptions, but it can handle any listing of multiple items with multiple fields. And if it get too big for standard TV fields, you can use its database features to use custom tables to store your ... whatever you want.
However, I can't answer about the scheduler, I've never used Slideshow Manager, so I don't know how that works. However, it looks like it uses several chunk tpls for its output, so it shouldn't be a problem to customize those.
Well, I can't get it to work at all, it's trying to load the javascript with a bad URL
<script type="text/javascript" src="/basic.modx/assets//components/slideshowmanager/nivo-slider/jquery.nivo.slider.pack.js"></script>
(note the double // between the assets and the components directories)
That was easy enough to fix in the Head tpl chunk, but after fiddling with it for a while I couldn't get it to work anyway. So... the scheduling thing is nice if it's needed, but I'd be inclined to use resources with an image TV and use the resource scheduling, and show the images with getResources. That way I'd have it all, and be free to use whatever slider/carousel script I wanted.
[ed. note: sottwell last edited this post 8 years, 8 months ago.]
-
- 5,888 Posts
regarding scheduler
you can just add a date-field to the MIGX-setup, name it pub_date
and call it
[[!getImageList?
&tvname=`yourMIGXTV`
&tpl=`yourTpl`
&where=`{"pub_date:<":"[[!now]]"}`
]]
the now - snippet:
return strftime('%Y-%m-%d %H:%M:%S');
an additional unpub_date is also possible, of course
There you go, MIGX can do anything