No announcement yet.

Slider for top and featured

  • Filter
  • Time
  • Show
Clear All
new posts

  • Slider for top and featured

    I'm trying to incorporate a slider effect for featured and top products, similar to what Target: Baby, Bedding, Furniture, Electronics, Clothing, ... has on their site. Left and right scroll for every set of four or so using jquery.

    Can anyone provide some direction as to pull the featured and top products? I'm looking at the current code and its the same for both featured and top.

    <td align="center"><a href="product.asp?itemid=[catalogid]"><img src="thumbnail.asp?file=[thumbnail]&maxx=150&maxy=0" alt="[name]" vspace="5" border="0"></a></td>
    <td class="item" align="center"><a href="product.asp?itemid=[catalogid]">[name]</a></td>

  • #2
    The code is not the same. You need to do a search for the section you want. 3D does a pretty good job of commenting sections so you can find things.

    Do yourself a favor and download Safari and turn on the developer tools so you can query the site from a developers standpoint. Things will not be exact since your drawing from multiple templates and the main frame template but it give you a real good idea of what your looking for.
    David's Gifts and Things

    Wholesale Gifts, Home Decorating, Jewelry and More

    Quality, Selection, Value Always

    The more you buy the more you save!


    • #3

      I believe the effect you want needs to be done using javascript. There are many sites with free code. Check out Dynamic Drive.


      • #4
        Check out this thread, big discussion about them about a year ago:


        • #5
          Is there a way to set up custom containers to display key products in the sliding banner? Here are a couple of ideas that I'm looking to do, New Product from a key category, Product on sale from a category, sort by price range for a category.

          To be clear I'm not looking to do a Jquery slider but one similar to this one.
          Star Wars Gift Ideas: Find LEGOs & Other Gifts -
          Last edited by Toymaster; 11-17-2012, 06:16 PM.


          • #6
            You can but its a lot to explain. I have 5 min to write this, I will try my best.

            I would say for you to style your featured menu, as an example, and apply the jquery to it.

            Something like this:

            <!--START: FEATURE_MENU-->
            <div id="myitems">
            <!--START: CATEGORY_ITEMS-->
            <img src="thumbnail.asp?file=[THUMBNAIL]&maxx=177&maxy=0" alt="[name]" border="0" />

            <!--START: ITEM_TEMPLATE_0-->
            <a href="product.asp?itemid=[catalogid]">[name]</a>

            <span class="product-price">
            <!--START: SALEPRICE--><s>[ITEMPRICE]</s>[ITEMSALEPRICE]<img src="assets/templates/common/images/on_sale.png" alt="On Sale" hspace="5" border="0" class="onsale" />
            <!--END: SALEPRICE--></span>

            <!--END: ITEM_TEMPLATE_0-->

            <!--START: CATEGORY_ITEMS-->
            <!--END: FEATURE_MENU-->

            You can then use CSS to style it:
            #myitems {
            height: 150px;
            #myitems img {
            #myitems .product-price{

            There are a lot of jQuery plugins for what you are looking to do, choose the one you like and apply it to your item.
            Because your item is a template it will use your CSS styles for all items inside of it.

            Keep in mind that you will have to run the jQuery after your the DOM has loaded. You might have to use the .live() for your jQuery.

            Test it out and experiment.

            The above HTML has not been tested.
            Sorry if I confused you.
            - Peace