1 Reply Latest reply: Nov 26, 2012 9:27 PM by Liam Dilley RSS

    Mobile site design for eshop

    mark_barrett Community Member
    mark_barrett Nov 26, 2012 8:42 PM

      Hi Guys

       

      We have an eshop that displays products in 3 columns which we need to keep - ie - we can't display them in 1 column.
      This is setup in the overall layout {tag_productlist,3,,}

      However, when we turn on our mobile template - we only want products to display in 1 column - and not 3.

       

      BC renders the individual products in tables so we are finding it difficult to control the column length using css, widths and float tags.

      We also can't use any js to control the value in {tag_productlist,3,,} as this is rendered server-side. Any suggestions or examples of sites that have achieved this or something similar?


      Thanks

       

      Mark

        • 1. Re: Mobile site design for eshop
          Liam Dilley CommunityMVP
          Liam Dilley Nov 26, 2012 9:27 PM (in response to mark_barrett)

          Hi Mark, check out here:

          http://kb.worldsecuresystems.com/134/bc_1342.html#main_eCommerce

          {tag_productlist}Lists the products in the current catalogue (Use {tag_productlist,u,v,w,x,y,z} where u is the number of products per row; v is the target frame, e.g. _blank or leave empty; w is the number of products per page (limit of 500 products per page); x is the sort type, e.g. Price, or Alphabetical; y allows you to hide empty message, e.g. 'this catalog has no products' and z is list type). Change: {tag_productlist,4} to {tag_productlist,4,,,,,true} to display as LI.

          Set it to LI and make the width of the container effect the li items which you float.

          YOu do not need a new template for this either, just fluid widths ala responsive design.