Advomatic is proud to announce the Drupalization of Jewcy.com.

If you have ever posed one of those "Can Drupal do xyz?" questions, the Jewcy site is a great example of all that can be done for a robust community/magazine site.

Here's some of what we did and the tools we used...

Overall theme/design:
The theme was developed from photoshop files designed by Chopping Block. Everything here is custom and uses the phptemplate theme engine. It's a mix of various approaches for each major section of the site. We use views heavily across the site as blocks, sometimes as pages, and very often embedded depending on the functionality required.

The homepage:
Building a homepage that allows Jewcy's editors to set content in many places was a good challenge. We created a tpl file that uses a mix of phptemplate regions, blocks and nodequeues behind the scenes, with some basic dhtml on the front-end in for scrolling through featured articles.

A custom admin view was built for the editors to manage homepage content regions.

Magazine content:
There are distinct content types for formal magazine articles and community blogs with guest editors (CCK, imagefield, drupalimage/ing_assist/TinyMCE, views, custom tpl files for each node type). Many articles have multiple authors and multiple pages. CCKs userref and nodereference fields were employed for these article types. The views module provides the arg filtering we needed to generate lists of articles by author in the userref field.

Community tools:
Wikis (custom module/filtering development by Advomatic), Forums, and user blogs. We used an unconventional approach for the main forum screen. This is themed to have 2 custom blocks on the top (one for recent wikis, 1 for active forum posts). Forum containers are pulled in as small boxes beneath with titles of the most recent posts.

Youtube videos (CCK type with a nifty tpl file). This implementation bypasses the need for embed and object tags, so users can submit videos without the security risks that may come along with more traditional approaces. AJAX tabs make it cool. (you know...)

AJAX-ified member profiles pull member's details, blog, other posts, event attendance, friends, and more.

Complex searches against member profiles, social networking style.
(custom module development by Advomatic)

Events with invitations and attendee lists (Event module themed with views, "event signups" custom module development by Advomatic)

Finally, we developed an online store (CCK types post to external/offsite cart) with a hierarchical navigation menu that reads store taxonomy. Oh, and there's also an ad server so jewcy can manage banners.

Advomatic also hosts Jewcy.com.

Feedback is most welcome.

Comments

glendac’s picture

Nobody can whine anymore about Drupal sites looking boring though the theming sounds highly customized. It's good to know though that it's doable. I'm impressed with the magazine itself. Spunky. Hot. Edgy. Sharp. Your design surely helped bring those qualities out. Now, if only somebody could translate all that into tutorials for the rest of us...

advosuzi’s picture

Now, if only somebody could translate all that into tutorials for the rest of us...

Always happy to share. Is there anything in particular you'd like to know about?

Advomatic (Web Design for Progressive Advocacy, Grassroots Movements, and Really Cool Causes)

Max Bell’s picture

Besides TinyMCE, are you doing anything special with the images included with stories? The ability to include graphics in nodes, particularly when the author isn't especially hip on XHTML, is something that I despair will ever be possible by a means slightly less convoluted than FTPing a file to the server and writing an image-tag for it by hand.

I guess to summarize, though, the best compliment is that I didn't notice the design because I got sucked into an article. Congratulations on a completely stand-out effort!

advosuzi’s picture

Besides TinyMCE, are you doing anything special with the images included with stories?

That's a great question - one I think we all continue to struggle with.
I have a somewhat user-proof formula for image handling - a combimation of TinyMCE, img_assist and image module. The key is in the settings.

1. img_assist SETTINGS
admin/settings/img_assist
Display img_assist on: on specific pages
Pages: leave this blank
Textarea Image link: Do not show a link
Default insert mode: Filter tag
* this is key. I have found the filter tag much much more user-proof when images are repositioned. Be sure to adjust your html filter settings to allow for inline tags. ALSO be sure your default sizes for img_assist and for the image module are playing nice. Best to set up your default sizes in advance of TinyMCE config.

2. TinyMCE setup:
Use drupalimage plugin for img_assist. The enable/disable toggle and standard img_assist implementations have colliding js. Drupalimage integrates with the tinyMCE buttons as drupalbreak does.
TIP: disable the 'alignment' buttons completely. These are the ones for left, center and right justification. I generally disallow div tags in Filtered HTML since an unclosed div can break your theme. Tiny uses divs for justification on the mac. Also - users think they can align their images with these buttons and it never works as anticipated. Removing them and using the img_assist built-in align tool solves the issue.

Customization of CSS files for tiny and img_assist is totally recommended. The key for all of this is to tweak and test everything to death and make sure styles all work for your own install. I actually made a small hack to img_assist for this site to add a 'center' alignment that clears everything. Let me know if you want details for this.

For sites that do not need TinyMCE I think a combo of quicktags and img_assist is fantastic.

If you are using CCK then imagefield works great - imagecache if you want scaled images on the fly called via your theme files. This can also be used in combination with tinyMCE, eg main image is imagefield and node body can have inline images.

Glad to hear you enjoyed the site! The editors are doing an outstanding job.
--------------------------------
Advomatic (Web Design for Progressive Advocacy, Grassroots Movements, and Really Cool Causes)

Max Bell’s picture

In the time since you last checked this thread, I've since become a regular user there.
How often does that happen? Moreover, though, I did find one actual broken thing -- when one clicks on the "read more" link, they're returned to the main page. It's only possible to view the full text by clicking on the title.

Max Bell’s picture

Hmm. I seem to have found another problem, but it may just be mine. Suddenly I can't post over there -- I hit submit and the page just blanks out to nothing...

socialnicheguru’s picture

subscribing

http://SocialNicheGuru.com
Delivering inSITE(TM), we empower you to deliver the right product and the right message to the right NICHE at the right time across all product, marketing, and sales channels.

aaronschachter’s picture

looks like they switched to wordpress.

grupalduru’s picture

LOL, I was just about to post that... and what;s with all the JS at the top of the code....