ExpressionEngine CMS
Open, Free, Amazing

Thread

This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.

The active forums are here.

How can I do this type of layout with Expression Engine?

August 02, 2007 7:19pm

Subscribe [5]
  • #1 / Aug 02, 2007 7:19pm

    foojae

    6 posts

    I love this site and I was wondering how one can do the book listing type on the bottom left?

    http://pdim.net/

    Where it lists the books and gives description? I’m not sure if that’s static or dynamic but is it possible to do that dynamically with ExpressionEngine?

  • #2 / Aug 02, 2007 7:24pm

    Ingmar

    29245 posts

    Why not ask Hyun? He is one of us 😊

  • #3 / Aug 02, 2007 8:09pm

    foojae

    6 posts

    Why not ask Hyun? He is one of us 😊

    Is he an active member? I would love to know how he did it and if it’s dynamic or static.

  • #4 / Aug 02, 2007 10:35pm

    e-man

    1816 posts

    Where it lists the books and gives description? I’m not sure if that’s static or dynamic but is it possible to do that dynamically with ExpressionEngine?

    Just define a weblog, say “listings”, define custom fields:
    {thumb} to hold your img code
    {title} title of book/ cd
    {type} for type
    {genre} for genre
    He uses a definition list so a bare bones example would be:

    <dl>
    {exp:weblog:entries weblog="listings" limit="5"}
    <dt><h4>{title}</h4><p></dt><br />
    <dd>{img}</dd><br />
    <dd>Type: {type}</dd><br />
    <dd>Genre: {genre}</dd><br />
    {/exp:weblog:entries}<br />
    </dl>

    You can add classes, id’s to the tags and or spans to give you css styling options and there you are.
    I do something similar on my own blog, where all the image links in the sidebar (books, movies, cd’s) are in the same weblog, but I use categories to differentiate.\That’s a fab looking website BTW.

  • #5 / Aug 02, 2007 10:50pm

    foojae

    6 posts

    Where it lists the books and gives description? I’m not sure if that’s static or dynamic but is it possible to do that dynamically with ExpressionEngine?

    Just define a weblog, say “listings”, define custom fields:
    {thumb} to hold your img code
    {title} title of book/ cd
    {type} for type
    {genre} for genre
    He uses a definition list so a bare bones example would be:

    <dl>
    {exp:weblog:entries weblog="listings" limit="5"}
    <dt><h4>{title}</h4><p></dt><br />
    <dd>{img}</dd><br />
    <dd>Type: {type}</dd><br />
    <dd>Genre: {genre}</dd><br />
    {/exp:weblog:entries}<br />
    </dl>

    You can add classes, id’s to the tags and or spans to give you css styling options and there you are.
    I do something similar on my own blog, where all the image links in the sidebar (books, movies, cd’s) are in the same weblog, but I use categories to differentiate.\That’s a fab looking website BTW.

    Thank you sir!

  • #6 / Aug 02, 2007 10:56pm

    cookiemonster

    7 posts

    I’m doing what e-man suggested on my site. I’m also adding an amazon_id field that will contain the ASIN number or ISBN of the book. This amazon_id will create the link for me and also will display the image.
    i.e.
    ASIN/ISBN=B000F4PDFI
    Generates
    URL: http://www.amazon.com/dp/B000F4PDFI
    Image URL: http://images.amazon.com/images/P/B000F4PDFI.01.THUMBZZZ.jpg

    There is an amazon plugin around if you want something more complex

  • #7 / Aug 03, 2007 12:29am

    PXLated

    1800 posts

    If you check the plugins, be aware that one uses the old Amazon APIs (not supported after December) and the other requires PHP-5.

  • #8 / Aug 03, 2007 6:17am

    foojae

    6 posts

    Can you parse EE tags inside custom entry fields or publish area? It’s not letting me make permalinks inside the custom entry tags.

  • #9 / Aug 03, 2007 8:01am

    cookiemonster

    7 posts

    If I understood correctly you can’t put {exp:weblog:entries} tags unless you use the Allow ee code plugin. It is not recommended to do it for security reasons. Nevertheless, you can use some pMcode tags like [ b ] [ em ] [ email ] (remove the white space)

  • #10 / Aug 03, 2007 8:06am

    foojae

    6 posts

    If I understood correctly you can’t put {exp:weblog:entries} tags unless you use the Allow ee code plugin. It is not recommended to do it for security reasons. Nevertheless, you can use some pMcode tags like [ b ] [ em ] [ email ] (remove the white space)

    I had a brain fart, I just needed to correctly setup a conditional variable in the template instead of trying to add EE tags inside the entries. The other way would have been longer so it makes sense.

  • #11 / Aug 03, 2007 8:38am

    Hyun Lee

    39 posts

    Hi there Webjunkie! Thanks for the kind words. 😊
    As E-man had said, I did it the same. See my code below. I used the pull down method for “Type” & “Genre” in the custom fields. I hope this is helpful too. Cheers!

    <h3>Recommendations</h3><p>    <br />
    {exp:weblog:entries weblog="recommendation" orderby="random" limit="6" dynamic="off" rdf="off"}<br />
    <dl><br />
    <dd class="img">{recommendation_thumbnail}</dd><br />
    <dd></p><h4>{recommendation_title}</h4>
    <p><span class="secondaryContentBold">Type:</span> {type}<br />
    <span class="secondaryContentBold">Genre:</span> {genre}        <br />
    </dd><br />
    </dl><br />
    {/exp:weblog:entries}

.(JavaScript must be enabled to view this email address)

ExpressionEngine News!

#eecms, #events, #releases