Another question unrelated, I guess, to the theme:
How did you build the dock in http://demo.twidori.com/?

Really nice!

Warm regards,
:-)
José

Comments

pepemty’s picture

Version: 6.x-1.0 » 6.x-1.0-beta1


Sorry to ask again... but is the dock in http://demo.twidori.com/ standard for the theme? Or is it a made with another module, say Views?

Thanks,
José

zinv’s picture

It was made by javascript in the script folder of the theme.

pepemty’s picture

Wow!!
Sorry to extend this thread a bit further: Are any instructions to use this dock?

Warm regards,
:-)
José

dimiduj’s picture

The Dock content is generate by a View...
If you build the example site with the sql-dump, You will find the appropriate view, import it in your site and it's done ....

Here's the export code for the related view:


$view = new view;
$view->name = 'frontpage';
$view->description = 'Emulates the default Drupal front page; you may set the default home page path to this view to make it your front page.';
$view->tag = 'default';
$view->view_php = '';
$view->base_table = 'node';
$view->is_cacheable = FALSE;
$view->api_version = 2;
$view->disabled = FALSE; /* Edit this to true to make a default view disabled initially */
$handler = $view->new_display('default', 'Defaults', 'default');
$handler->override_option('fields', array(
  'field_image_fid' => array(
    'label' => '',
    'alter' => array(
      'alter_text' => 0,
      'text' => '',
      'make_link' => 0,
      'path' => '',
      'alt' => '',
      'prefix' => '',
      'suffix' => '',
      'help' => '',
      'trim' => 0,
      'max_length' => '',
      'word_boundary' => 1,
      'ellipsis' => 1,
      'html' => 0,
    ),
    'link_to_node' => 0,
    'label_type' => 'none',
    'format' => 'sidebar-preview_linked',
    'multiple' => array(
      'group' => TRUE,
      'multiple_number' => '',
      'multiple_from' => '',
      'multiple_reversed' => FALSE,
    ),
    'exclude' => 0,
    'id' => 'field_image_fid',
    'table' => 'node_data_field_image',
    'field' => 'field_image_fid',
    'override' => array(
      'button' => 'Override',
    ),
    'relationship' => 'none',
  ),
  'comment_count' => array(
    'label' => '',
    'alter' => array(
      'alter_text' => 0,
      'text' => '',
      'make_link' => 0,
      'path' => '',
      'alt' => '',
      'prefix' => '',
      'suffix' => '',
      'help' => '',
      'trim' => 0,
      'max_length' => '',
      'word_boundary' => 1,
      'ellipsis' => 1,
      'html' => 0,
    ),
    'set_precision' => FALSE,
    'precision' => 0,
    'decimal' => '.',
    'separator' => ',',
    'prefix' => '',
    'suffix' => '',
    'exclude' => 0,
    'id' => 'comment_count',
    'table' => 'node_comment_statistics',
    'field' => 'comment_count',
    'override' => array(
      'button' => 'Override',
    ),
    'relationship' => 'none',
  ),
  'title' => array(
    'label' => '',
    'alter' => array(
      'alter_text' => 0,
      'text' => '',
      'make_link' => 0,
      'path' => '',
      'alt' => '',
      'prefix' => '',
      'suffix' => '',
      'help' => '',
      'trim' => 0,
      'max_length' => '',
      'word_boundary' => 1,
      'ellipsis' => 1,
      'html' => 0,
    ),
    'link_to_node' => 1,
    'exclude' => 0,
    'id' => 'title',
    'table' => 'node',
    'field' => 'title',
    'override' => array(
      'button' => 'Override',
    ),
    'relationship' => 'none',
  ),
));
$handler->override_option('sorts', array(
  'sticky' => array(
    'id' => 'sticky',
    'table' => 'node',
    'field' => 'sticky',
    'order' => 'DESC',
  ),
  'created' => array(
    'id' => 'created',
    'table' => 'node',
    'field' => 'created',
    'order' => 'DESC',
    'relationship' => 'none',
    'granularity' => 'second',
  ),
));
$handler->override_option('filters', array(
  'promote' => array(
    'id' => 'promote',
    'table' => 'node',
    'field' => 'promote',
    'operator' => '=',
    'value' => '1',
    'group' => 0,
    'exposed' => FALSE,
    'expose' => array(
      'operator' => FALSE,
      'label' => '',
    ),
  ),
  'status' => array(
    'id' => 'status',
    'table' => 'node',
    'field' => 'status',
    'operator' => '=',
    'value' => '1',
    'group' => 0,
    'exposed' => FALSE,
    'expose' => array(
      'operator' => FALSE,
      'label' => '',
    ),
  ),
  'type' => array(
    'operator' => 'in',
    'value' => array(
      'story' => 'story',
    ),
    'group' => '0',
    'exposed' => FALSE,
    'expose' => array(
      'operator' => FALSE,
      'label' => '',
    ),
    'id' => 'type',
    'table' => 'node',
    'field' => 'type',
    'override' => array(
      'button' => 'Override',
    ),
    'relationship' => 'none',
  ),
));
$handler->override_option('access', array(
  'type' => 'none',
  'role' => array(),
  'perm' => '',
));
$handler->override_option('header_format', '1');
$handler->override_option('footer_format', '1');
$handler->override_option('empty_format', '1');
$handler->override_option('use_ajax', '1');
$handler->override_option('use_pager', '1');
$handler->override_option('use_more', 1);
$handler->override_option('row_plugin', 'node');
$handler->override_option('row_options', array(
  'teaser' => 1,
  'links' => 1,
));
$handler = $view->new_display('page', 'Page', 'page');
$handler->override_option('path', 'home');
$handler->override_option('menu', array(
  'type' => 'none',
  'title' => '',
  'description' => '',
  'weight' => 0,
  'name' => 'navigation',
));
$handler->override_option('tab_options', array(
  'type' => 'none',
  'title' => '',
  'description' => '',
  'weight' => 0,
));
$handler = $view->new_display('feed', 'Feed', 'feed');
$handler->override_option('title', 'Front page feed');
$handler->override_option('style_plugin', 'rss');
$handler->override_option('style_options', array(
  'mission_description' => 1,
  'description' => '',
));
$handler->override_option('row_plugin', 'node_rss');
$handler->override_option('row_options', array(
  'item_length' => 'default',
));
$handler->override_option('path', 'rss.xml');
$handler->override_option('menu', array(
  'type' => 'none',
  'title' => '',
  'description' => '',
  'weight' => 0,
  'name' => 'navigation',
));
$handler->override_option('tab_options', array(
  'type' => 'none',
  'title' => '',
  'description' => '',
  'weight' => 0,
));
$handler->override_option('displays', array(
  'default' => 'default',
  'page' => 'page',
));
$handler->override_option('sitename_title', '1');
$handler = $view->new_display('block', 'Recent News Block', 'block_1');
$handler->override_option('sorts', array(
  'created' => array(
    'id' => 'created',
    'table' => 'node',
    'field' => 'created',
    'order' => 'DESC',
    'relationship' => 'none',
    'granularity' => 'second',
  ),
));
$handler->override_option('filters', array(
  'status' => array(
    'id' => 'status',
    'table' => 'node',
    'field' => 'status',
    'operator' => '=',
    'value' => '1',
    'group' => 0,
    'exposed' => FALSE,
    'expose' => array(
      'operator' => FALSE,
      'label' => '',
    ),
  ),
  'type' => array(
    'operator' => 'in',
    'value' => array(
      'story' => 'story',
    ),
    'group' => '0',
    'exposed' => FALSE,
    'expose' => array(
      'operator' => FALSE,
      'label' => '',
    ),
    'id' => 'type',
    'table' => 'node',
    'field' => 'type',
    'override' => array(
      'button' => 'Use default',
    ),
    'relationship' => 'none',
  ),
));
$handler->override_option('title', 'Recent News');
$handler->override_option('items_per_page', 5);
$handler->override_option('use_pager', '0');
$handler->override_option('row_plugin', 'fields');
$handler->override_option('row_options', array(
  'inline' => array(),
  'separator' => '',
));
$handler->override_option('block_description', '');
$handler->override_option('block_caching', -1);
$handler = $view->new_display('block', 'Latest News Block', 'block_2');
$handler->override_option('fields', array(
  'field_image_fid' => array(
    'label' => '',
    'alter' => array(
      'alter_text' => 0,
      'text' => '',
      'make_link' => 0,
      'path' => '',
      'alt' => '',
      'prefix' => '',
      'suffix' => '',
      'help' => '',
      'trim' => 0,
      'max_length' => '',
      'word_boundary' => 1,
      'ellipsis' => 1,
      'html' => 0,
    ),
    'link_to_node' => 1,
    'label_type' => 'none',
    'format' => 'dock_default',
    'multiple' => array(
      'group' => TRUE,
      'multiple_number' => '',
      'multiple_from' => '',
      'multiple_reversed' => FALSE,
    ),
    'exclude' => 0,
    'id' => 'field_image_fid',
    'table' => 'node_data_field_image',
    'field' => 'field_image_fid',
    'override' => array(
      'button' => 'Use default',
    ),
    'relationship' => 'none',
  ),
  'title' => array(
    'label' => '',
    'alter' => array(
      'alter_text' => 0,
      'text' => '',
      'make_link' => 0,
      'path' => '',
      'alt' => '',
      'prefix' => '',
      'suffix' => '',
      'help' => '',
      'trim' => 0,
      'max_length' => '',
      'word_boundary' => 1,
      'ellipsis' => 1,
      'html' => 0,
    ),
    'link_to_node' => 0,
    'exclude' => 0,
    'id' => 'title',
    'table' => 'node',
    'field' => 'title',
    'override' => array(
      'button' => 'Use default',
    ),
    'relationship' => 'none',
  ),
));
$handler->override_option('sorts', array(
  'created' => array(
    'id' => 'created',
    'table' => 'node',
    'field' => 'created',
    'order' => 'DESC',
    'relationship' => 'none',
    'granularity' => 'second',
  ),
));
$handler->override_option('filters', array(
  'status' => array(
    'id' => 'status',
    'table' => 'node',
    'field' => 'status',
    'operator' => '=',
    'value' => '1',
    'group' => 0,
    'exposed' => FALSE,
    'expose' => array(
      'operator' => FALSE,
      'label' => '',
    ),
  ),
  'type' => array(
    'operator' => 'in',
    'value' => array(
      'story' => 'story',
    ),
    'group' => '0',
    'exposed' => FALSE,
    'expose' => array(
      'operator' => FALSE,
      'label' => '',
    ),
    'id' => 'type',
    'table' => 'node',
    'field' => 'type',
    'override' => array(
      'button' => 'Use default',
    ),
    'relationship' => 'none',
  ),
));
$handler->override_option('title', 'Check out the Latest Articles:');
$handler->override_option('use_more', 0);
$handler->override_option('style_plugin', 'list');
$handler->override_option('style_options', array(
  'grouping' => '',
  'type' => 'ul',
));
$handler->override_option('row_plugin', 'fields');
$handler->override_option('row_options', array());
$handler->override_option('block_description', '');
$handler->override_option('block_caching', -1);
$handler = $view->new_display('block', 'Featured News Block', 'block_3');
$handler->override_option('fields', array(
  'field_image_fid' => array(
    'label' => '',
    'alter' => array(
      'alter_text' => 0,
      'text' => '',
      'make_link' => 0,
      'path' => '',
      'alt' => '',
      'prefix' => '',
      'suffix' => '',
      'help' => '',
      'trim' => 0,
      'max_length' => '',
      'word_boundary' => 1,
      'ellipsis' => 1,
      'html' => 0,
    ),
    'link_to_node' => 0,
    'label_type' => 'none',
    'format' => 'sidebar-preview_linked',
    'multiple' => array(
      'group' => TRUE,
      'multiple_number' => '',
      'multiple_from' => '',
      'multiple_reversed' => FALSE,
    ),
    'exclude' => 0,
    'id' => 'field_image_fid',
    'table' => 'node_data_field_image',
    'field' => 'field_image_fid',
    'override' => array(
      'button' => 'Use default',
    ),
    'relationship' => 'none',
  ),
  'comment_count' => array(
    'label' => '',
    'alter' => array(
      'alter_text' => 0,
      'text' => '',
      'make_link' => 0,
      'path' => '',
      'alt' => '',
      'prefix' => '',
      'suffix' => '',
      'help' => '',
      'trim' => 0,
      'max_length' => '',
      'word_boundary' => 1,
      'ellipsis' => 1,
      'html' => 0,
    ),
    'set_precision' => FALSE,
    'precision' => 0,
    'decimal' => '.',
    'separator' => ',',
    'prefix' => '',
    'suffix' => '',
    'exclude' => 0,
    'id' => 'comment_count',
    'table' => 'node_comment_statistics',
    'field' => 'comment_count',
    'override' => array(
      'button' => 'Use default',
    ),
    'relationship' => 'none',
  ),
  'title' => array(
    'label' => '',
    'alter' => array(
      'alter_text' => 0,
      'text' => '',
      'make_link' => 0,
      'path' => '',
      'alt' => '',
      'prefix' => '',
      'suffix' => '',
      'help' => '',
      'trim' => 0,
      'max_length' => '',
      'word_boundary' => 1,
      'ellipsis' => 1,
      'html' => 0,
    ),
    'link_to_node' => 1,
    'exclude' => 0,
    'id' => 'title',
    'table' => 'node',
    'field' => 'title',
    'override' => array(
      'button' => 'Override',
    ),
    'relationship' => 'none',
  ),
));
$handler->override_option('sorts', array(
  'random' => array(
    'order' => 'ASC',
    'id' => 'random',
    'table' => 'views',
    'field' => 'random',
    'override' => array(
      'button' => 'Use default',
    ),
    'relationship' => 'none',
  ),
));
$handler->override_option('title', 'Featured News');
$handler->override_option('items_per_page', 5);
$handler->override_option('use_pager', '0');
$handler->override_option('row_plugin', 'fields');
$handler->override_option('row_options', array());
$handler->override_option('block_description', '');
$handler->override_option('block_caching', -1);
pepemty’s picture

Ah!!
Now I understand, I guess.

Dimiduj, I am much obliged.

Anyway, the theme needs a readme.txt file. ;-)

Warm regards from sunny México!
:-)
José

jakeism’s picture

I just wanted to say great work on the theme.

qt11’s picture

Please give you give more details on how to implement this.

I'm not sure i quite understand the concept.

Thank you
A

jakeism’s picture

its crazy complicated.
best advice install the pre configured zip file and import the db.
after that it will work like a charm.
example: philoopa.com/test

qt11’s picture

thanks jakeism

I'm being a little blonde here.... where do download the zip and db ?

Thanks
A

pepemty’s picture

In the main page of the theme (drupal.org/project/magazeen), right between the lines that say "Try the live demo" and "Releases". :-)

Warm regards!
Pepe

qt11’s picture

foodin65’s picture

Question... If I want to impliment this dock as a block on another theme. How would I do that. Can i just import that code into views?

gregag’s picture

Please some instruction. Thanks!

chronsweet’s picture

Okay I installed the pre-configured zip file, where do I find the top bar image to display on the top of my site. I am very new to this CMS for building websites. :) Any help would be appreciated.

lion123’s picture

Question... If I want to impliment this dock as a block on another theme. How would I do that. Can i just import that code into views?

I would also like to do that. Any help? :)

olec3000’s picture

Title: Dock » avascript Dock
Version: 6.x-1.0-beta1 » 6.x-1.6

Hey There! I am WAY new to Drupal and was wondering about this Dock functionality. I know I have to download your DB and everything but I was wondering if I could change the icons from looking at articles to looking at a Content type that I created. I'd be very interested in this. Basically I want to make a content type for Art. This will be many fields associated to it and will also have several ratings. There will also be a pic. I want those pics to be seen on those Icons.

Can anyone help me with this?

Thanks!

MikeAlbrecht’s picture

I'm not operating from a clean install, and (for unrelated reasons) the views import doesn't work for me. Besides, I think I need to be importing a BLOCK for the header area, as opposed to the "frontpage" PAGE view.

Would someone who's successfully implemented this view care to (reasonably) explain how to do so? Much appreciated!

-Mike

NightRyu’s picture

hey, i would really love to get an how to, to know how to make this look like in the demo

filpet’s picture

Priority: Normal » Critical

Hey!

Where can i download the pre-configured .zip? The old download link doesn't work anymore and i really need this top dock slideshow!

Peter

kene’s picture

??

filpet’s picture

Does anyone have the preconfigured .zip file?

Anonymous’s picture

Take the above code and go to /admin/build/views/import choose a name (any name will do) and paste the code. You shuld have all the views that you need. Now go to blocks setting and choose what view you want to see in what block.

gregrmay’s picture

Title: avascript Dock » Javascript Dock
Component: Miscellaneous » Code
Category: task » bug

First, the lack of readme or instructions is extremely frustrating. The theme looks quite promising, but all of the information in this thread is no longer useful.

1) The aforementioned "zip" file doesn't exist on the project page, and the one linked doesn't include any sort of SQL info. Further, it isn't helpful for actual use, since you'll ALWAYS want to install the theme on top of another site, and it's out of date.
2) Despite multiple active issues, there are no good responses, and none could be found online either. How do you get the best feature of this theme working (the dock at the top with images)?
3) Copying and pasting the code above into the views import module results in an error. It was completely non-obvious how to fix (no simple errors like punctuation or a name that could be fixed or adjusted). Someone said that the Dock content is generated by a View? What View? How do you set it up? Why isn't it automatically setup or discussed somewhere?

Now, I don't know javascript, and I'm not a pro at Drupal. But I've setup dozens of themes before and many, many installations. Magazeen does not work as-is, and I would love to hear how others got it working.

My troubleshooting revealed a couple of sites where it works- http://www.dada-after.com/site/ and http://www.fashionanita.com/ for instance- but you can easily "View Source" and see some differences. Installing fresh with this theme and typical modules results in markedly different code from theirs of course, but the important parts as far as I can tell are:
"

"
and
"

swfobject.embedSWF("slideshow.swf", "myContent", "300", "120", "9.0.0", "sites/all/themes/magazeen/slideshow/slideshow.swf");

"
and a lot of additional code around the block itself.

My site, despite having the theme enabled, has none of that stuff. In fact, the js.js file IS NOT included in the latest version of this theme, and I have no idea why not. Nowhere are the requirements for use of this theme discussed- is having the imagecache module enabled a requirement? Are other modules that I don't know about? Did a CVS patch get misapplied or something (it happens fairly often)?

I would LOVE to use this theme, but it's clear that many, many people have had issues. Please help!
Thanks!

SewFresh’s picture

Alright, I just got this setup on my site: http://www.sewfresh.com
I'm completely new to Drupal, I've been learning as I go. And all I know is basic HTML.
First though before I explain, goto http://drupal.org/node/715360 and see if you know of a way to help me with that ;P

Here's how I got the dock ect setup:
1) Using the above zip file, i made a test site (www.sewfresh.com/test/) and uploaded all the files. I also imported the database dump which is hidden in the profiles folder.

2) I dont know the login password, but I know the username was Admin, so I went into the database, and copied the password string from my main site and replaced it with the uploaded database value. This way my password was the same as my main sites password, thus allowing me to login with admin/mypassword

3)Head to views and you'll see the dock_block. The code posted above is the code from the frontpage block, so it wont really do you any good. Copying and pasting the code from dock_block most likely wont either because it's setup to display field_image in the Story content type; if you don't have that field or the content type story, you'll get errors when trying to upload the code. So what I did was mimic the content types I had on my main site on the test site, then I modified the views to display this new content. Save the block, export the code, import into your site.

4) This is where I was stumped, still nothing showed up even though the imported view appeared to show all the correct content. If you notice in the zip file, in the root directory there are some extra files that arnt included with the theme. Stuff like view-views, ect. You will need to copy these to your main server, edit them, and you'll need to change where it says field_image to whatever field you have on your website. If you click on theme in the view, you'll see the dock calls for this file. Save and you should be done.

5) Just make sure the view is setup as a block and is activated, and your done.

I wish there was a detailed write-up on how-to before I spent 2 days pulling my hair out trying to figure it out ;P

gregrmay’s picture

Wow- thanks for the fairly detailed reply, and congratulations on getting it working! What is SewFresh by the way?

I didn't see anywhere mentioning that the SQL dump was in the profiles folder; good to know. Unfortunately, I don't know how to help you with your issue... at least, not generally, and not specifically with this theme.

Those processes seem like they'd rule out any reasonable chance of getting this working on a production server with content that already existed, and also come with a ton of security risks I'd imagine.

It seems like there are only a few steps missing though.
1) You'd need to have the content type story. I believe that it exists by default.
2) You need to enable the field_image - is that CCK-related? I find some random search results, but nothing that seems 100% clear on how this would work?
3) You must create a new view, called dock_block, and activate it. This view will be basically the code above I imagine, but a copy/paste of the code would be helpful.
4) Additional files must be moved over. Can you list these? I know some of them, but want to be sure that it's clear.

Thanks again!

gregrmay’s picture

A quick update and clarification on the steps helpfully provided by SewFresh. Everything that she said is correct, but could use a few more details.

For starters, you should be comfortable modifying the MySQL database and uploading the dump included. It's not difficult, and your webhost can likely help you, but it may be foreign to many.

NOTE: These steps assume an empty, blank, open server. If you already have an existing install, DO NOT DO THIS.
1) Download the zip file from google, linked to above. Unzip the file (folder is Magazeen).
2) Upload everything from the zip file (you don't need the profile directory) to your host. To make life easy, don't keep everything in the folder Magazeen, place all of the items in that folder on the root of your Public_html or other directory
3) You'll need to create a MySQL database using the dump, located in the profile folder of the zip file. You can upload it using PHPMyAdmin pretty easily (you may need to create the database first, you can use whatever name you like, but remember it). You'll then need to create a user with access to the database using your host's MySQL control panel. And, while you're there in phpMyAdmin and have your database open, navigate to the USERS field. Find the admin user, click edit (usually a pencil). Replace the email addresses in both fields with your own. This will allow you to reset your password, as the rest email will go to your address.
4) You should be able to load up your site now. It will ask you for the database info (name, username, password).
5) Once you've successfully navigated that piece, you'll need to click the "request new password" link. Enter your email address, and a reset email should be sent to you.

You're good to go... except that you'll need to immediately update Drupal's core, as there are some important updates.

DrupalSza’s picture

When I try importing this view it says:

"Unable to interpret view code"

Any thoughts?

sheena_d’s picture

Status: Active » Closed (fixed)

Hi All,

Maintenance of this module has changed hands; we are no longer supporting this version of the theme and the old demo site is no longer available. Sorry for any inconvenience.

Thanks,
Sheena