Announcement

Collapse
No announcement yet.

Making the Filtered Product layout the same as the Regular Product layout

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Making the Filtered Product layout the same as the Regular Product layout

    Having the 'Regular Product Summary' just how I want it, can I get the Filtered results to use the same Product layout? It appears that you can have this the other way round... The main problem I am facing is that 'Regular Product Summary' fits perfectly on a mobile screen, but as soon as you filter, the images take on a mind of their own and are far too wide for the screen!

    #2
    You have fewer variables to choose from with filtered search results, but Norman at drillpine.biz can produce some script to have custom variables in filtered search results.

    If t is just an image thing then add the following to the bottom of the stylesheet (Desgn tab, current stylesheet).

    Code:
    .undred img {
    max-width:100%;
    height:auto;
    }
    add the class 'undred' to
    Code:
    <div class="standardSearchText">
    in Standard search result:
    Code:
    <div class="standardSearchText undred">
    In tabular search results add
    Code:
    <div class="undred">
    at the top and
    Code:
    </div>
    at the bottom.

    That should constrain images to 100%.
    Jonathan Chappell
    Website Designer
    SellerDeck Website Designer
    Actinic to SellerDeck upgrades
    Graphicz Limited - www.graphicz.co.uk

    Comment


      #3
      Hi Jonathan

      That's great - thank you! Easy when you know how! Although I had to add the class to Standard Filter Results RWD also. Has certainly sorted the image issue.

      Comment

      Working...
      X