How can I display the ImageMachine additional thumbnails on MOBILE CTGY page?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • simpleelegance
    Mivite

    • Sep 2010
    • 148

    #1

    How can I display the ImageMachine additional thumbnails on MOBILE CTGY page?

    How can I display the ImageMachine Additional thumbnail images on my CTGY mobile pages?

    Works great on desktop version:
    Find information, resources and relevant links for gownsbysimpleelegance.com. This domain may be for sale.
  • lesliekirk
    Super Moderator











    • Aug 2008
    • 9290

    #2
    I wonder if you might be better off trying to display these horizontally instead of vertically. The thumbnails become so tiny partly because of the width 30%. The thumbnails look great on the product page.
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: X | Facebook | Pinterest

    Comment

    • simpleelegance
      Mivite

      • Sep 2010
      • 148

      #3
      Thanks for chiming in, Leslie!

      I would be happy with vertical or horizontal display -
      but the ImageMachine additional thumbnails won't display at all on the mobile version of my CTGY page...

      Any thoughts?

      Comment

      • simpleelegance
        Mivite

        • Sep 2010
        • 148

        #4
        Duct taped it a bit but it displays the thumbnails now on mobile using Toolkit:

        <div style="float:left;margin-left:-25px;margin-top:10px;width:30%;position:absolute;z-index:200;">
        <mvt:item name="toolkit" param="customimage|ipath|l.all_settings:product:id ||75|75|" />
        <mvt:if expr="g.ipath">
        <mvt:foreach iterator="image" array="toolkitadditionalimages">
        <img src="&mvt:global:imageroot;&mvte:image:generated:i mage;" height="45px" width="30px" style="margin-bottom:1px;">
        </mvt:foreach>
        </mvt:if>
        </div>

        Comment

        Working...
        X