6 Replies Latest reply: May 8, 2014 1:25 PM by Asmondien RSS

    Poplets listed as an unordered list rather than table

    mario_gudelj CommunityMVP
    mario_gudelj Feb 29, 2012 9:21 PM

      Question:

       

      I've been searching for the last hour through the documentation to find how they've managed to change the way poplets are displayed in a list of li's rather than in an awkward table.

       

      e.g. the poplet images on http://shopbellavita.com/_product_66825/Tween_Towel_Wrap-_Peace

       

      Does anyone have any ideas?

       

       

      Answer:

       

      You will actually need to use some simple jquery to strip the table and render the poplets in a list. Here's the code that will do it:

       

      j$ = jQuery.noConflict();
             
            j$(document).ready(function() {


            j$('td.productPopletsItem a').removeAttr('onclick');
            j$('td.productPopletsItem a').removeAttr('rel');
            
            var popplets = j$('td.productPopletsItem a').clone();
            
            j$('#yourtitle table').remove();
            j$('#yourtitleThumbnails').append(popplets);
            j$('#yourtitleThumbnails a').wrap('<li></li>');
            j$('#yourtitleThumbnails li').eq(0);