[SOLVED][Drupal][Drupal Colorbox] How to display an image, its title and then the image's node title as a link in Colorbox?
BY webmaster
8 years ago
0 comments comment

A few Drupal users wanted to know how to display an image, its title and then the image's node title as a link in Colorbox. If you want to know how to display a node-link in Colorbox along with a few images related to the node then read on to find out the solution.

Here is the method to do that. Follow the steps below.

  • Firstly you should create a View
  • If your nodes are related to a content type then Create a View of that content type
  • Next add the following fields to your view
    • Title - no link, exclude from display
    • Image - no link, thumbnail size, exclude from display, Rewrite the output with replacement patterns as [field_image] [title]
    • Image - link to content, full size, exclude from display
    • Title - as link, exclude from display
  • After adding and configuring the above fields we need to create the trigger field for Colorbox
  • Now add the 5th field of type Colorbox Trigger and configure it as follows
    • The trigger should be the first image field which is the thumbnail image
    • The image appearing in the the popup should be the second image - the one with the full size.
    • The image caption will be the second title

Hope that helps.

The easiest way to solve a Drupal issue is to hand it to the Drupal experts. We can provide a wide range of Drupal services to help you maintain and manage your Drupal websites. Get in touch with us to know more.



on 16th January 2008 / by webmaster
Most webmasters do not realize this, but a lot of the content on lot of websites can be accessed from multiple URLs. A simple example would be where www.example.com and example.com leads to the same page. This is a fatal mistake in Search Engine Optimization and search engines penalize you for duplicate content. The correct configuration would be where the above two urls will lead you to the same page but example.com will redirect you to www.example.com with a 301 (Moved permanently) status which will not result in search engines penalizing the page. It is very easy to configure 301 redirects using Apache .htaccess file and the process is the same for a Drupal installation also. Drupal Technical Apache htaccess SEO Add new comment