How To Display Image Galleries with Thumbnails on Drupal with Flex Slider
Recently, I faced a challenge while trying to display image galleries on a Drupal-powered website.
While there are a few modules that you can use to build your gallery view, such as the Views Slideshow Gallery module, I recently discovered some Drupal-powered sites using the Flex Slider library.
Excited by this new discovery, I tried to create a gallery with thumbnails, but unfortunately, it didn't work out as expected. However, I eventually found a solution on how to configure Flex Slider to work on Drupal.
Here are the steps required:
Download the Flex Slider module, extract it to sites/all/modules
Enable the Flex Slider and Flex Slider Views Display
Download the FlexSlider…
Cycling in Tbilisi: Marjanishvili - Ortachala
Left Embankment of Mtkvari is one of the longest asphalt pavement cycling distances in city of Tbilisi - it stretches from Didube to Ortochala (passing Tbilisi Old Town). It is among the easiest routes as well. In today's Tbilisi cycling series post I'll share some photos from Marjanishvili to Ortachala ride, you will see interesting and beautiful views with buildings next to river Mtkvari. Make sure you check out Part 2 in these series: Cycling in Tbilisi: Left Embankment of Mtkvari or alternatively check out cycling topic.Metekhi church in Old TownDam over Mtkvari river in TbilisiMonument in OrtachalaFancy buildingDwelling houses on cliff in…
How to Create a Stunning Masonry Front Page in Drupal: A Step-by-Step Guide
Creating a Drupal masonry front page can be an effective way to showcase your website's content in a visually appealing way.
Masonry layouts are popular for their ability to display content in an organized and dynamic manner, allowing users to easily navigate and explore your website.
In this tutorial, we'll guide you through the steps to create a Drupal masonry front page.
Step 1: Install and enable the Masonry module
To begin, you'll need to install and enable the Masonry module in your Drupal site. This can be done through the Drupal administration dashboard by navigating to Extend > Install new module, and then searching for "Masonry" in the search bar. Once you've…
How to Use Drupal Web Widgets Module to Embed Custom Content on External Websites
Drupal is a popular and powerful open-source content management system (CMS) that provides a wide range of tools and features to create and manage content on websites. One of the most useful tools in Drupal is the Widgets module, which allows users to create and embed custom content on their websites and other external sites. In this article, we will explore how to use the Drupal Widgets module to embed content on other websites.
The Drupal Web Widgets module enables site administrators to create custom widgets that can be used to embed content on other websites. These widgets can be customized to match the look and feel of the website they are being embedded on, allowing users to provide…
Displaying Node Counts in Drupal: How to Show the Number of Nodes Referencing Each Item
In Drupal, it is common to use the Node Reference field to create relationships between different content types. This field allows you to reference a node from another content type and create a link between the two. However, displaying the number of nodes referencing each item in a node reference field can be challenging.
In this article, we'll explore a few ways to display the node count per node reference field in Drupal.
Option 1: Using Views
The most common way to display the node count per node reference field is by using Views. Views is a powerful tool that allows you to create custom queries and display the results in a variety of ways. Here's how you can use Views to display…
Custom Drupal Search Built with Search API + Database Search + Views
The default Drupal search function is pretty much OK, but if you are looking for ways to control and extend search behavior - you are stuck with the default out-of-the-box search.
I'll show you how you can boost your search functionality, by using just two (OK, three modules)
Download the following modules:
Search API module
Search API DB
Download and extract them into the sites/all/modules folder
Enable Database search, Search API, and Search views
Now we must add a search server and search index.
Let's start with Search server.
Go to admin/config/search/search_api
Click on Add server link
Give it a name - I prefer to call…
Etchmiadzin Cathedral in Armenia
Etchmiadzin Cathedral is considered the oldest cathedral in the world. The original church was built in the early fourth century between 301 and 303 according to tradition by Armenia's patron saint Gregory the Illuminator, following the adoption of Christianity as a state religion by King Tiridates III. I had a chance to visit this holy site at start of 2014, a harsh winter was in Yerevan and affected photos listed bellow. I would love to return here and re-photograph in Summer. At the main entrance gatesOn our trip to Yerevan, Armenia, we met a cool Taxi driver Tom, and asked him, what is the most must have to see tourist attraction in…
Boutique hotel Meg - Yerevan, Armenia
We stayed at this boutique hotel in Yerevan for 2 nights at the start of January 2014. This hotel is one of the best I have visited lately. It's truly a boutique hotel - apartments are clean and warm. The King size bed is awesome and Sateliite TV with more than 200 Russian (and not only) channels is all the traveler needs.The hotel offers a really nice feature - breakfast in the room. Fruits and water are for free + plus in your fridge, you 'll find soda and wine + that's for small extra money.King size bed at hotel Meg in YerevanCentrally located in the heart of the capital, Hotel Meg, Yerevan’s only boutique hotel is within minutes’ walk from the famous Matenadaran, the Cascade and…
A Simple Workaround to Display AdSense Ads in Drupal Views
Google AdSense is a popular platform for publishers to monetize their websites by displaying ads to their visitors. If you have a Drupal website and want to display Google AdSense ads in your views, there is a simple workaround that can help you achieve this goal.
In this article, we'll guide you through the steps to display Google AdSense ads in your Drupal views.
Step 1: Install and configure the AdSense module
The first step in displaying Google AdSense ads in your Drupal views is to install and configure the AdSense module. This module is available for free in the Drupal module repository, and it allows you to add AdSense ads to your Drupal website in a few simple steps.
Step…
Get Insights into Your Site Visitors' Engagement with the Click Heat Map for Drupal
Have you ever wondered where your website visitors are clicking on your pages? Knowing this information can help you make important design decisions, such as where to place ads for maximum impact. That's where the Click Heat Map for Drupal comes in!
To get started, you'll need to download both the ClickHeat module and library. Simply extract the module to the sites/all/modules directory and the library to the sites/all/libraries directory.
Next, follow the simple installation instructions:
Download the latest ClickHeat release from http://www.labsmedia.com/clickheat
Extract the library and place it in the sites/all/libraries directory. The click.php file should be located at sites/…
Discovering Tbilisi by Bike - A Timeless Journey Amidst New Year's Celebrations
An updated take on an article originally published in December 2013, with a note that unfortunately, most of the pictures from the original piece have been lost. However, new photos have been added to showcase the beauty of Tbilisi.
Experience the charm of Tbilisi on a leisurely bike ride, with perfect weather conditions of sunny and warm.
With only a couple of days left until the New Year's festivities, the picturesque scenes captured on this journey will transport you to a timeless world, seemingly untouched by the approaching celebrations.
Bakuriani: Your Next Winter Sports Destination in Georgia
Bakuriani is a popular winter resort located in the heart of the Georgian mountains. Known for its scenic beauty, serene environment, and world-class skiing facilities, Bakuriani has become a popular tourist destination for winter sports enthusiasts from all over the world.
Despite its popularity, Bakuriani remains relatively unknown to the wider world.
However, the resort once applied to host the 2014 Winter Olympics and is considered by many to be an ideal location for the games.
Bakuriani is situated at an altitude of over 1,800 meters and is surrounded by majestic mountain peaks. The resort boasts of some of the best ski slopes in the region, with a variety of runs for skiers of all…
Exploring Tbilisi on Two Wheels: A Journey Through the City's Streets with a Mountain Bike (2013)
I recently went on my first mountain biking excursion of the year on December 23rd.Although it wasn't a true mountain biking experience, I rode my bike along the streets of Tbilisi, crossing over the Mtkvari river on the Queen Tamar Mephe bridge and back.Here are some candid photos from my ride that showcase the city's streets and scenery.Apartment blocks in TbilisiNew skyscrapers been built in TbilisiTraffic jam in TbilisiTbilisi, December 23rdDoes it look like a Christmas?My newly acquired mountain bikeI bought this bike at Kidobani marketMtkvari river in Tbilisi
How to automatically add watermarks to uploaded images in Drupal
Drupal is a powerful content management system (CMS) that allows users to create and manage websites with ease. One of the features that make Drupal popular among users is its flexibility and extensibility. Drupal's module system allows users to add functionalities to their websites, including automatic watermarking of uploaded images.
If you are making photos and publicizing them to the internet - sooner or later you will find that you want to protect them somehow.
Protect yourself from people stealing your artwork and re-publishing pictures in other places. One way to protect images is to add watermarks. Well, it doesn't mean someone still won't steal your pictures, but at least your…
Image hover effects - how to change background on mouse over
Today I faced again some interesting thing to create - on hover image to change the background and display text over itHere is how it looks:On the left side, you can see the default image, while on the right side with mouse over. To achieve such behavior in Drupal is pretty simple, a little bit CSS and you are done.Here is my view with div tags and Drupal fields:<div class="image-hover">
[field_images]
<span class="image-overlay ">Read Full Article</span>
</div>
And here is CSS:.image-hover {
display: inline-block;
position: relative;
background: #000;
line-height: 0px;
}
#image-hover:hover img {
opacity:0.3;
filter:alpha(opacity=30);
}
.image-hover span.image-…
Drupal pathauto + transliteration
Are you writing in different language than English, languages like Russian, Greek, Georgian, Hebrew or maybe Latvian? You find it's not attractive URL generated? In this article you will learn how to fix this using Drupal CMS and a neat module - Transliteration.
Take a look at these screenshots:
Here is Latvian URL in Chrome:
Chrome handles special characters nicely.
The same URL in Mozilla Firefox:
First problems detected - special characters have been converted to %C%4 - not nice.
And here is IE:
Yes, IE cannot handle them either,
The good news are - the URL will be shown nice in Google search in all browsers: Take a look at this screen made on IE.
In case you are …
Drupal: Sending Confirmation Emails from Your Webform
Today, I encountered a problem that at first seemed like a pain, but in the end, turned out to be simpler than I thought. I needed to send a confirmation email to the submitter of a webform, letting them know that their email had been received, along with some plain text instructions.
A while back, I wrote about how to add a contact form to Drupal, and today I want to share with you how to send a confirmation email to the submitter.
This is the screenshot for webform I have on my site. As you can see, I have a field called - Your email. Now if we go to E-mails tab, we can add some componet to send confirmation mesagge to value of email field:
Click next to Component value, and choose…
How To Upgrade Drupal 6 to Drupal 7: Step by Step
Before proceeding with the upgrade, it's important to make a backup of your Drupal 6 site. This includes both the database and the files. This will ensure that you have a restore point in case anything goes wrong during the upgrade process.
Once you have made a backup, it's time to put your Drupal 6 site into maintenance mode. This will ensure that no users can access the site while you are upgrading. To do this, go to the site maintenance page (admin/settings/site-maintenance), select "Off-line" and save the configuration. If you have defined a custom maintenance theme in your settings.php file, it is recommended to comment it out before proceeding.
Next, disable all non-core modules.…
Configuring Nginx to Display 404 Page for Unconfigured Domains and Server IP Address
In today's digital age, it is crucial for website owners to have a properly configured web server.This not only ensures a smooth and seamless user experience but also protects the website from potential security threats.One common issue that website owners face is incorrectly indexed links in search engines like Google. In this article, we will provide a simple guide on how to configure Nginx to display a 404 page for unconfigured domains and your server's IP address.The first step in this process is to create a dummy or default domain folder. This folder will serve as a redirect for all incorrect requests made to the website. To create this folder, open the terminal and enter the following…
Improve User Experience with Image Hover Effects for Drupal Thumbnail Images
Drupal is a powerful and flexible content management system that enables you to create visually appealing and engaging websites. One way to enhance the visual impact of your Drupal site is to add image hover effects to your thumbnails.
In this article, we'll explore how to use Drupal to create image hover effects for thumbnails.
Step 1: Install and Configure the Image Hover Effects Module
To create image hover effects for your Drupal thumbnails, you'll need to install and configure the Image Hover Effects module. This module allows you to apply a variety of hover effects to your images, including zoom, rotate, flip, and more.
Once you've installed the module, you can configure it by…