Important Notice from AspDotNetStorefront
It is with dismay that we report that we have been forced, through the action of hackers, to shut off write-access to this forum. We are keen to leave the wealth of material available to you for research. We have opened a new forum from which our community of users can seek help, support and advice from us and from each other. To post a new question to our community, please visit: http://forums.vortx.com
Results 1 to 5 of 5

Thread: Room and Board Product List?

  1. 03-07-2012, 06:29 AM #1
    donato is offline Senior Member
    Join Date
    Jun 2009
    Posts
    215

    Default Room and Board Product List?

    Hi Everyone,

    Could someone point me in the direction of setting up our category pages to look like this: http://www.roomandboard.com/rnb/subc...ubcategory=152.

    I REALLY like this look/layout and would like to have each one of our category pages to look like this as well...

    Cheers,

    ~D
  2. 03-12-2012, 06:44 AM #2
    donato is offline Senior Member
    Join Date
    Jun 2009
    Posts
    215

    Default

    Anyone? Does anyone have any ideas please?
  3. 03-26-2012, 11:25 AM #3
    donttryathome is offline Senior Member
    Join Date
    Apr 2009
    Posts
    171

    Default

    It's difficult to tell you step by step the details (way too much to list) on how to replicate that layout.

    I can tell you that you'll need to edit entity.grid.xml.config (or whichever xml package you've assigned to your categories) to change the layout. This is the file that contains the page layout displayed for category listings. Without some knowledge of html/css/xslt you probably won't be able to do it yourself.
    Running: AspDotNetStorefront ML 8.0.1.2/8.0.1.2
  4. 03-26-2012, 02:39 PM #4
    webopius is offline Senior Member
    Join Date
    Nov 2008
    Location
    London, UK
    Posts
    440

    Default

    That's a nice design isn't it?

    You can view how they've done much of it using Chrome's 'inspect' feature to view the HTML and CSS.

    The general coding looks fairly straightforward - the use of that sub category within the layout is nicely done using CSS.

    The slightly clever bit is how additional details of products appear if you click on the +view options link. We've done something kind of similar in ASPDNSF for the UrbanExcess.com site, for example

    http://www.urbanexcess.com/c-985-bakerboy-caps.aspx

    This is done using JQuery and CSS with some hover events.

    Summary is:

    - Write a custom XMLPackage
    - Get the CSS and HTML working for the basic layout
    - Add in lots of JQuery and more advanced CSS
    Webopius.com: ASPDotNetStorefront web development and ecommerce project management
    Webopius is now a Sage Pay Approved Partner
  5. 10-05-2012, 03:33 AM #5
    donato is offline Senior Member
    Join Date
    Jun 2009
    Posts
    215

    Default

    Quote Originally Posted by webopius View Post
    That's a nice design isn't it?

    You can view how they've done much of it using Chrome's 'inspect' feature to view the HTML and CSS.

    The general coding looks fairly straightforward - the use of that sub category within the layout is nicely done using CSS.

    The slightly clever bit is how additional details of products appear if you click on the +view options link. We've done something kind of similar in ASPDNSF for the UrbanExcess.com site, for example

    http://www.urbanexcess.com/c-985-bakerboy-caps.aspx

    This is done using JQuery and CSS with some hover events.

    Summary is:

    - Write a custom XMLPackage
    - Get the CSS and HTML working for the basic layout
    - Add in lots of JQuery and more advanced CSS
    Very nice!