Hello :)

I've been following this, and trying for a couple of days now.

http://drupalcode.org/project/jcarousel.git/blob_plain/refs/heads/7.x-2....

I've added a multi-value field, which holds images. After trying countless times I've managed to get the carousel to display. I can see the blue-ish tango rectangle and the images inside of it (kind-of, but that's a css issue, I guess). But I can't see the big picture anywhere, and the markup doesn't show it either:

<div class="view view-product-slideshow view-id-product_slideshow view-display-id-default view-dom-id-739c1dd3e50833956fd39ec7f47d5c93 contextual-links-region">
      <div class="contextual-links-wrapper"><ul class="contextual-links"><li class="views-ui-edit first last"><a href="/admin/structure/views/view/product_slideshow/edit/default?destination=node/343">Editar vista</a></li>
</ul></div>  
  
  
      <div class="view-content">
      <ul class="jcarousel jcarousel-view--product-slideshow--default jcarousel-dom-1 jcarousel-skin-tango">
      <li class="jcarousel-item-1 odd">  
  <span class="views-field views-field-uc-product-image">        <span class="field-content"><a href="http://www.mayusculamuebles.com/sites/default/files/sites/default/files/mayusculamuebles_marquesitas_baules_zapateros_y_banquetastest2048240439.jpg" rel="lightbox[uc_product_image][&lt;p&gt;&lt;a href=&quot;http://www.mayusculamuebles.com/sites/default/files/sites/default/files/mayusculamuebles_marquesitas_baules_zapateros_y_banquetastest2048240439.jpg&quot;&gt;Download Original&lt;/a&gt;&lt;/p&gt;]" title=""><img typeof="foaf:Image" src="http://www.mayusculamuebles.com/sites/default/files/styles/uc_thumbnail/public/sites/default/files/mayusculamuebles_marquesitas_baules_zapateros_y_banquetastest2048240439.jpg" width="80" height="60" alt="" /></a></span>  </span></li>
      <li class="jcarousel-item-2 even">  
  <span class="views-field views-field-uc-product-image">        <span class="field-content"><a href="http://www.mayusculamuebles.com/sites/default/files/sites/default/files/mayusculamuebles_marquesitas_baules_zapateros_y_banquetastest1870806263.png" rel="lightbox[uc_product_image][&lt;p&gt;&lt;a href=&quot;http://www.mayusculamuebles.com/sites/default/files/sites/default/files/mayusculamuebles_marquesitas_baules_zapateros_y_banquetastest1870806263.png&quot;&gt;Download Original&lt;/a&gt;&lt;/p&gt;]" title=""><img typeof="foaf:Image" src="http://www.mayusculamuebles.com/sites/default/files/styles/uc_thumbnail/public/sites/default/files/mayusculamuebles_marquesitas_baules_zapateros_y_banquetastest1870806263.png" width="80" height="60" alt="" /></a></span>  </span></li>
      <li class="jcarousel-item-3 odd">  
  <span class="views-field views-field-uc-product-image">        <span class="field-content"><a href="http://www.mayusculamuebles.com/sites/default/files/sites/default/files/mayusculamuebles_marquesitas_baules_zapateros_y_banquetastest137216982.png" rel="lightbox[uc_product_image][&lt;p&gt;&lt;a href=&quot;http://www.mayusculamuebles.com/sites/default/files/sites/default/files/mayusculamuebles_marquesitas_baules_zapateros_y_banquetastest137216982.png&quot;&gt;Download Original&lt;/a&gt;&lt;/p&gt;]" title=""><img typeof="foaf:Image" src="http://www.mayusculamuebles.com/sites/default/files/styles/uc_thumbnail/public/sites/default/files/mayusculamuebles_marquesitas_baules_zapateros_y_banquetastest137216982.png" width="80" height="60" alt="" /></a></span>  </span></li>
      <li class="jcarousel-item-4 even">  
  <span class="views-field views-field-uc-product-image">        <span class="field-content"><a href="http://www.mayusculamuebles.com/sites/default/files/sites/default/files/mayusculamuebles_marquesitas_baules_zapateros_y_banquetastest256349439.png" rel="lightbox[uc_product_image][&lt;p&gt;&lt;a href=&quot;http://www.mayusculamuebles.com/sites/default/files/sites/default/files/mayusculamuebles_marquesitas_baules_zapateros_y_banquetastest256349439.png&quot;&gt;Download Original&lt;/a&gt;&lt;/p&gt;]" title=""><img typeof="foaf:Image" src="http://www.mayusculamuebles.com/sites/default/files/styles/uc_thumbnail/public/sites/default/files/mayusculamuebles_marquesitas_baules_zapateros_y_banquetastest256349439.png" width="80" height="60" alt="" /></a></span>  </span></li>
      <li class="jcarousel-item-5 odd">  
  <span class="views-field views-field-uc-product-image">        <span class="field-content"><a href="http://www.mayusculamuebles.com/sites/default/files/sites/default/files/mayusculamuebles_marquesitas_baules_zapateros_y_banquetastest975744620.png" rel="lightbox[uc_product_image][&lt;p&gt;&lt;a href=&quot;http://www.mayusculamuebles.com/sites/default/files/sites/default/files/mayusculamuebles_marquesitas_baules_zapateros_y_banquetastest975744620.png&quot;&gt;Download Original&lt;/a&gt;&lt;/p&gt;]" title=""><img typeof="foaf:Image" src="http://www.mayusculamuebles.com/sites/default/files/styles/uc_thumbnail/public/sites/default/files/mayusculamuebles_marquesitas_baules_zapateros_y_banquetastest975744620.png" width="80" height="60" alt="" /></a></span>  </span></li>
      <li class="jcarousel-item-6 even">  
  <span class="views-field views-field-uc-product-image">        <span class="field-content"><a href="http://www.mayusculamuebles.com/sites/default/files/sites/default/files/mayusculamuebles_marquesitas_baules_zapateros_y_banquetastest266804621.jpg" rel="lightbox[uc_product_image][&lt;p&gt;&lt;a href=&quot;http://www.mayusculamuebles.com/sites/default/files/sites/default/files/mayusculamuebles_marquesitas_baules_zapateros_y_banquetastest266804621.jpg&quot;&gt;Download Original&lt;/a&gt;&lt;/p&gt;]" title=""><img typeof="foaf:Image" src="http://www.mayusculamuebles.com/sites/default/files/styles/uc_thumbnail/public/sites/default/files/mayusculamuebles_marquesitas_baules_zapateros_y_banquetastest266804621.jpg" width="80" height="60" alt="" /></a></span>  </span></li>
  </ul>
    </div>

I am trying to incorporate this into a custom node--product.tpl.php file. Surely I am overlooking something simple, but I don't really know what else to do at this point. Any pointer is welcome.

Thanks for the great module, by the way :)

Comments

quicksketch’s picture

quicksketch
he/him
commented
Category: bug » support

So it sounds like you've created a view like you're supposed to, and you just need to embed that view inside your node template. Take a look at using http://api.drupal.org/views_embed_view to print it out.

i92guboj’s picture

i92guboj commented

But, I did... I see the horizontal carousel and it appears in the markup I pasted above, but I am missing the big photo. Is that supposed to be part of the jcarousel functionality or do I need to implement that myself?

ps: This is what I am using in my template to embed the view:

<?php print views_embed_view('product_slideshow', 'default', $node->nid); ?>

i92guboj’s picture

i92guboj commented
Status: Active » Closed (works as designed)

It seems I completely missunderstood the jcarousel feature set from the beginning. I am closing this now, I think the module works as intended so let's move on, there's nothing to see in here.

However, if someone knows how to build the tipical layout with one big image above and a jcarousel (or similar) thumbnail gallery below it, I am all ears.

Thanks and sorry for the noise.