{"id":89,"date":"2010-08-23T11:35:37","date_gmt":"2010-08-23T11:35:37","guid":{"rendered":"http:\/\/jonathanbjorkskog.com\/?p=89"},"modified":"2010-11-30T14:54:03","modified_gmt":"2010-11-30T14:54:03","slug":"create-quicktab-block-that-is-populated-by-cck-fields","status":"publish","type":"post","link":"https:\/\/jonathanbjorkskog.com\/de\/create-quicktab-block-that-is-populated-by-cck-fields","title":{"rendered":"Quicktab-Bl\u00f6cke erstellen, die mit cck-Feldern gef\u00fcllt werden"},"content":{"rendered":"

I tried to make a product page with some information, a picture, and then two tabs at the bottom with additional information (Ingredients and nutrition). This was easy with quicktabs module<\/a>. With that installed, I had to create two new blocks, ingredients and nutrition. Then I went to the quicktabs section on the admin panel, created a new quicktab, created two block-type tabs in that one, and populated them with the blocks I just created, nutrition and ingredients. Then I had to go to the blocks overview page and activate the new quicktab block, and make it visible for the page i just created in a block area under the content (Content-bottom, I have a theme based on Zen).<\/p>\n

<\/p>\n

This would have been OK if:<\/p>\n

    \n
  1. I Would be the one that makes the product pages.<\/li>\n
  2. There would be one to five different products.<\/li>\n<\/ol>\n

    But:<\/p>\n

      \n
    1. The one that creates the products is just a common business man, not one that has the time or the technical skills to create a lot of blocks and quictabs.<\/li>\n
    2. There are about 70-100 products..<\/li>\n<\/ol>\n

      Another problem with this is that there would appear 70-100 blocks with\u00a0nutrition, and 70-100 blocks with ingredients, AND 70-100 Quicktabs blocks in content bottom, all activated for the single product page that it is related to. So this was not even an option, I started like this, but recognized after three products that I cant do like this. Then I searched for other modules, like Tabs, CCK Fieldgroup tabs, and so on, but I did not find a single one that could solve my problem. I found out that the thing I wanted was two extra cck-fields in the display where you add a new product (node type product), so that you could fill in the ingredients and nutrition on the same time as you create the product, And these fields would then appear in a quick-tab-block in content-bottom for that page automatically when saving the page.<\/p>\n

      So how did I fix it?<\/h2>\n

      At first I created two new CCK-fields, and made them appear under the body of the product-type node. \u00a0This way the two fields\u00a0appeared\u00a0under each other and you could fill in the information at the same time as you created the product. Now I just had to make them appear in a tabbed form instead of under each other. I tried to search in my head and on Google for some javascript that I easily could use for this, but neither of them could give me an easy and\u00a0great-looking\u00a0solution that worked the “Drupal-way”. By the way, I do not like to\u00a0create\u00a0my own javascript anyway.<\/p>\n

      \"I<\/a><\/p>\n

      Then I thought that I can exclude these two fields from the view, and maybe pull them out from the node in a quicktab that i place in content-bottom. But then I saw that Quick-tabs DOES NOT have an option for showing CCK-fields in a tabbed form. This feels a little stupid to me. Next step was to dig in my head \u00a0and on Google for some php-knowledge, I really had to get this working now. I found out that you could pull a CCK-field to a block on this site<\/a>, and now it became clear. I enabled the php-filter module thats included in the Drupal core. I deleted all the stupid qucktab-blocks that i had made, and all the ingredients- and nutrition-blocks from the blocks-overview page. Then I created a new block for ingredients, that included this great php-code:<\/p>\n

      <?php<\/span><\/div>\n
      if ( arg(0) == ‘node’ && is_numeric(arg(1)) ) {<\/span><\/div>\n
      $node = node_load(arg(1));<\/span><\/div>\n
      if ( $node->type == ‘produkt’ ) {<\/span><\/div>\n
      \/\/ Do something with $node<\/span><\/div>\n
      print $node->field_ingredienser[0][‘value’];<\/span><\/div>\n
      }<\/span><\/div>\n
      }<\/span><\/div>\n
      ?><\/span><\/div>\n
      This code pulls the field “ingredienser” from the node type “product” and outputs the value. “ingredienser” is just swedish for ingredients. I did not enable this field for any page, just kept it in the list of inactive blocks. I duplicated it and made one for the nutrition also. (just changed the “field_ingredienser” to “field_nutrition”). <\/span><\/span><\/div>\n
      Then i went to quicktabs again, created a new quicktab block that had two tabs, populated with the two blocks with the php code inside. I saved this new quicktab-block, went back to the blocks-overview page and activated this block and made it show on all the productpages. I use mysite.com\/products\/product URL for the productpages, so the only thing i had to do was to activate it on the following pages: products\/* . <\/span><\/span><\/div>\n

      And Voila! <\/span><\/span><\/h3>\n

      Now the customer can create a product and fill in the basic info, upload the picture, fill in the nutrition field, fill in the ingredients field, and save. All on the same page. When the product is saved, everything shows up as it should on the product page! You can see the page that I use this solution on here: Musch.fi\/barf<\/a> (in Finnish) or here Musch.fi\/sv\/barf<\/a> (in Swedish).<\/span><\/span><\/p>\n

      <\/span><\/span><\/p>\n

      <\/span><\/p>\n

      \"The<\/a>
      The two quicktabs now contains the data that I wrote in the cck fields<\/figcaption><\/figure>\n

      The plugins I used for making this happen is the following:<\/p>\n