Drupal Documentation

Drupal settings

To check the full list of settings open Configuration menu in the admin panel or type http://www.example.com/?q=admin/config in a browser's address bar, where www.example.com is your website URL.

In order to change the default site settings, follow the instructions below:

1. In the admin panel navigate to Configuration > System > Site information menu or in a browser's address bar type http://www.example.com/?q=admin/config/system/site-information, where www.example.com is your website URL.

2. Change the required parameters:

   • site name;
   • site slogan;
   • site e-mail address;
   • the number of blog posts on Blog page (or main page, if there are any posts attached to the main page);
   • site main page URL;
   • 403 page's URL (access denied);
   • 404 page's URL (page not found).

   

3. After you've made necessary changes, click Save configuration button.

Theme settings

Every theme includes its own list of settings.

In order to change the default theme settings, follow the instructions below:

1. In the admin panel navigate to Appearance menu or in a browser's address bar type http://www.example.com/?q=admin/appearance, where www.example.com is your website URL.

2. Click the Settings link under the name of your theme:

   

3. In the General Settings tab you can set the following parameters:

   • show/hide logo, sitename, slogan, user pictures in posts, user pictures in comments, user verification status in comments, shortcut icon, main and secondary menu;
   • use the default theme logo or upload a custom one;
   • use the default theme favicon or upload the custom one;
   • stick the menu to the top of the browser window.

   

4. In the Breadcrumb Settings tab you can set the following parameters:

   • show/hide breadcrumb;
   • show/hide breadcrumb, if it only contains a link to the front page;
   • show a separator between breadcrumbs.

   

5. In the Regions Settingstab you can set the following parameters:

   • set a background of the required region, and activate parallax effect;
   • set a YouTube-video background of the required region and also specify start video time in seconds;
   • make the region content fullwidth (e.g. remove grids).

   Some of that options require the TM Block Background module activated.

   

6. In the Blog Settings you can set the blog title. Leave this field empty to make the blog title be the same as the corresponding menu link title.

   

7. In the Custom CSS tab you can add custom styles for the theme.

   This option refers to the purchased theme only. You cannot set any styles for other themes, such as Seven etc.

   

Configuring modules

Standard modules:

- module enabled by default; - module disabled by default.

Modules, that do not marked as required or recommended, can be enabled/disabled depending on your choice: are you going to use their functionality or not.
Deactivating the modules, marked as recommended to be enabled, is not desirable, however it is not critical.

Additional modules:

- module enabled by default; - module disabled by default.

Modules, marked as required to be enabled, should be uploaded by all means.
Modules, marked as recommended to be enabled, should be uploaded by all means if you install the template with sample data.
Modules enabled for usability can be deactivated on your consideration.

Each module contains its own settings. To set up the module, follow the steps below:

1. Log in to Drupal website as administrator.
2. In the admin panel navigate to Modules menu or in a browser's address bar type http://www.example.com/?q=admin/modules, where www.example.com is your site URL.
3. Find the required module. You can use module filters to find the right one.

4. Click Configure link next to the module title.

   

5. Make necessary changes and save the settings.

Feel free to check the following instructions:

• Drupal 7. How to access and edit blocks, views and panels from front-end
• Working with contextual links
• Working with blocks

Configuring blocks

Follow the instructions listed below to configure your blocks:

1. Log in to Drupal website as administrator.
2. In the admin panel navigate to Structure > Blocks menu or in a browser's address bar type http://www.example.com/?q=admin/structure/block, where www.example.com is your website URL.

3. You can move blocks to different regions by using drag-and-drop method on this page:

   

4. You can move blocks using drop-down menus in the Region column:

   

5. Each block settings can be configured separately by clicking configure link in the Operations column:

   

6. The following parameters can be set on the block settings page:

   • block title;
   • custom CSS class for this block;
   • block's region for each theme separately;
   • visibility settings (for certain pages, specific content types, specific user roles and separate users);
   • block background setting (similarly to the region settings in the theme options).

   

   Keep in mind that block occupies the width of the region it is set to. To make the block with parallax effect or with video occupy the full width, put it to the region with the Fullwidth option enabled.

   Some blocks may include additional settings:

7. You can also open the block settings page directly from your site front-end. To do it, please, mouse over the needed block, click the gear wheel icon at the top right corner of the block and choose the Configure block option. This option is available only for the logged in users with the administrator rights:

   

Configuring "Social Share" buttons

The AddThis module controls the activation/deactivation of the "Social Share" block.

To change global settings of the "Social Share" block, in the admin panel navigate to Configuration > User interface > AddThis menu or in a browser's address bar type http://www.example.com/?q=admin/config/user-interface/addthis, where www.example.com is your website URL.

These settings controls the "AddThis" module functionality, however you can manage this module the same way as a regular block.

Do not change that settings, if you are not sure.

To change the "Social Share" block settings for the Blog Entry content type, follow the instructions below:

1. In the admin panel open Structure > Content types > Blog entry menu and navigate to Manage display tab or in a browser's address bar type http://www.example.com/?q=admin/structure/types/manage/blog/display, where www.example.com is your website URL.
2. Check Full content option.
3. Click the gear wheel icon next to the AddThis field.

4. Change the names of the sharing services (the full list of names is available on the site www.addthis.com, separate with commas required values from the Code column), change buttons size, counter orientation, specify extra CSS classes, if you need them. Press Update button.

   

To remove "Social Share" buttons from the Blog Entry content type, follow the instructions below:

1. In the admin panel open Structure > Content types > Blog entry menu and navigate to Manage Fields tab or in a browser's address bar type http://www.example.com/?q=admin/structure/types/manage/blog/fields, where www.example.com is your website URL.

2. Click delete link next to the AddThis field and confirm the action.

   

To add "Social Share" buttons to any other content type, follow the instructions below:

1. In the admin panel open Structure > Content types > Content type name menu, where Content type name is the name of the needed content type.
2. Navigate to Manage fields tab.

3. On the Add new field field enter the following parameters:

   • label

     a field name, enter any value;

   • machine-readable name

     a system field name generated automatically, however you can edit it if you need;

   • type of data to store

     type of data, select AddThis value;

   • form element to edit the data

     a form element type for the field managing, select AddThis button value.

   

4. Press Save button.
5. To edit the buttons design, follow the steps for configuring "Social Share" buttons for the Blog entry content type.

Using animation and configuring its settings

The TM Animate module controls the activation/deactivation of animation. Moreover, depending on where do you want to use animation, you may need the Block class or Views modules.

To add animation to a block, follow the steps below:

1. In the admin panel navigate to Structure > Blocks menu or in a browser's address bar type http://www.example.com/?q=admin/structure/block, where www.example.com is your website URL.
2. Click configure link next to the needed block.
3. In the CSS class(es) field add 2 classes separated with space: wow, to run animation when the block appears in the visibility, and the animation class.

4. Save the changes.

   

To add animation to a view, follow the steps below:

1. In the admin panel navigate to Structure > Views menu or in a browser's address bar type http://www.example.com/?q=admin/structure/views, where www.example.com is your website URL.

2. Click edit link next to the needed view.

   It works only for views with the Semantic Views format.

3. In the Format section click settings link.

   

4. In the pop-up window in the Row section find Class attribute field and enter the animation class and wow class there.

   

5. Press Apply button.

6. Save the view changes.

   All available animation classes you can check on the site daneden.github.io

Configuring social icons

The TM Font Awesome and TM Follow Us modules control the activation/deactivation of the social icons block.

To configure the social icons block settings, follow the steps below:

1. In the admin panel navigate to Structure > Blocks menu or in a browser's address bar type http://www.example.com/?q=admin/structure/block, where www.example.com is your website URL.

   You can open these settings by selecting Configure block option from the contextual menu of the social icons block.

   

2. To show/hide this block on user pages, check/uncheck User pages option.
3. To show/hide social networks labels near icons, check/uncheck Display labels option.
4. To display icons vertically/horizontally, select the required value in the Alignment field.

5. After all changes are done, press Save block button.

   

To configure additional display parameters for social icons, follow the steps below:

1. In the admin panel navigate to Configuration > TM Follow menu or in a browser's address bar type http://www.example.com/?q=admin/config/tm_follow, where www.example.com is your website URL.

   You can open these settings by selecting Edit TM Follow links option from the contextual menu of the social icons block.

   

2. To hide any social icon on the site, remove link from the URL field next to the needed social network.
3. To display any social icon on the site, insert the link to your social media profile to the URL field.
4. To change a social icon name, specify a new title in the Customized name next to the needed module.

5. After all changes are done, press Submit button.

   

Social icons per user can be configured the same way.

To configure social icons per user block you should edit the TM Follow User block.

To configure additional display parameters for social icons per user, follow the steps below:

1. In the admin panel navigate to People menu or in a browser's address bar type http://www.example.com/?q=admin/people, where www.example.com is your website URL.
2. Next to the needed user click edit link.
3. Navigate to TM Follow tab.
4. Perform the necessary changes and save them.

Using LazyLoad effect

The TM Lazy Load module controls the activation/deactivation of the lazyload effect for images.

To configure lazyload settings for images, follow the instructions below:

1. In the admin panel navigate to Configuration > TM Lazyload menu or in a browser's address bar type http://www.example.com/?q=admin/config/tm_lazyload, where www.example.com is your website URL.

2. Perform the necessary changes in the following fields:

   • Enabled

     enable/disable lazyload effect.

   • Distance

     the distance (in pixels) of image to the viewable browser window before it loads the actual image.

   • Placeholder Image

     path to your placeholder image. Leave it blank to use the default image.

   • Loader Icon

     available loader icons.

   • Excluded Pages

     list of the page paths to be excluded from lazyloading.

3. After all changes are done, press Save button.

   

Using Parallax effect

The TM Block Background module controls the activation/deactivation of the parallax effect for blocks.

There are 2 ways to create a block with parallax effect.

Method #1.

1. Open the theme settings: in the admin panel navigate to Appearance > Settings > Theme### menu.
2. Open Regions Settings tab.

3. In the needed region check Fullwidth option.

   

4. Save the changes.
5. Create a new block: in the admin panel navigate to Structure > Blocks > Add block menu or in a browser's address bar type http://www.example.com/?q=admin/structure/block/add, where www.example.com is your website URL.

6. Insert the block content between

   <div class="container-12"><div class="grid-12">

   and

   </div></div>

   tags.

   

7. In the Region settings section for the installed theme select the region you've edited at the step 3.

8. In the TM Block background settings section specify the following parameters:

   • in the Background type field choose image value;
   • in the Background image field upload the required image or select it from the media library;
   • check Use parallax option.

   

9. Fill in other fields and save the changes.

Method #2.

1. Open the theme settings: in the admin panel navigate to Appearance > Settings > Theme### menu.
2. Open Regions Settings tab.

3. In the needed region specify the following parameters:

   • in the Background type field choose image value;
   • in the Background image field upload the required image or select it from the media library;
   • check Use parallax option.

4. Save the changes.

   

5. Navigate to Structure > Blocks menu or in a browser's address bar type http://www.example.com/?q=admin/structure/block, where www.example.com is your website URL.
6. Put the needed block to the edited region.
7. Save the changes.

Using video background

The TM Block Background module controls the activation/deactivation of the video background effect for blocks.

There are 2 ways to create a block with video background effect.

Method #1.

1. Open the theme settings: in the admin panel navigate to Appearance > Settings > Theme### menu.
2. Open Regions Settings tab.

3. In the needed region check Fullwidth option.

   

4. Save the changes.
5. Create a new block: in the admin panel navigate to Structure > Blocks > Add block menu or in a browser's address bar type http://www.example.com/?q=admin/structure/block/add, where www.example.com is your website URL.

6. Insert the block content between

   <div class="container-12"><div class="grid-12">

   and

   </div></div>

   tags.

   

7. In the Region settings section for the installed theme select the region you've edited at the step 3.

8. In the TM Block background settings section specify the following parameters:

   • in the Background type field choose video value;
   • in the Background Video URL field insert the link to a YouTube video;
   • in the Start video at field specify the time (in seconds) you want the video starts from. Leave this field empty, if you want the video starts from the very beginning.

   

9. Fill in other fields and save the changes.

Method #2.

1. Open the theme settings: in the admin panel navigate to Appearance > Settings > Theme### menu.
2. Open Regions Settings tab.

3. In the needed region specify the following parameters:

   • in the Background type field choose video value;
   • in the Background Video URL field insert the link to a YouTube video;
   • in the Start video at field specify the time (in seconds) you want the video starts from. Leave this field empty, if you want the video starts from the very beginning.

   

4. Save the changes.
5. Navigate to Structure > Blocks menu or in a browser's address bar type http://www.example.com/?q=admin/structure/block, where www.example.com is your website URL.
6. Put the needed block to the edited region.
7. Save the changes.

Cookie policy

Cookies are small text files which websites place on visitors’ computers. They’re typically used to identify that particular visitor and provide them with a better experience. Cookies are a crucial part of many website functions which we take for granted.

For instance, it’s usually cookies which allow online shops to remember what items you have in your shopping trolley. They’re also used to keep you logged in to a website, or to provide valuable usage statistics and information to website owners.

If you run a website, it almost certainly uses cookies. Their most likely function is to monitor visitor numbers and behaviours through tools like Google Analytics. They may also be used to display relevant adverts to visitors, or – if you sell online – to power key parts of your online shopping system.

26th May 2012 - The ICO released a change to the enforcement, "implied consent" is now allowed as long as you make it clear where your privacy/cookie policy is.

According to the Cookie Law, your website should use a proper module that displays notifications about the cookie usage on the site. You can use the the following modules: TM Cookie Notice (available in the downloaded Drupal template package), EU Cookie Compliance, Cookie Control.

Google Web Fonts

In case when Google Web Fonts do not work on your site (for example, if Google servers are banned in your country), perform the following steps:

1. Extract files from the downloaded template package to your computer.
2. Via any text editor (f.e., notepad, notepad++, etc.) open sites\all\themes\theme###\less\style.less file, where theme### is the number of the downloaded theme.

3. Change the address fonts.googleapis.com to fonts.useso.com. For example, change:

   @import url(//fonts.googleapis.com/css?family=Open+Sans);

   to

   @import url(//fonts.useso.com/css?family=Open+Sans);

4. Save the changes.
5. Re-upload the edited file to your server.

Olark chat

The Olark Chat module controls the activation/deactivation of the Olark Live chat.

If you install Drupal theme with sample data, the Olark chat module will be enabled by default.

To set up the Olark chat as the one on the Live Demo, you should perform the following steps:

1. Register on the official Olark site (check the screenshots that show next three steps, in the slider, after the point 3).

   

2. Copy the generated code.

   

   You can also get a 180 day free trial of the 6 Month Olark Monster Deal! plan. Just follow this link and fill in your personal data.

3. In your Drupal admin panel navigate to the Configuration menu and in the Web services section select Olark settings, or in a browser's address bar type http://www.example.com/?q=admin/config/services/olark, where www.example.com is your website URL.
4. Paste the copied code to the Olark code field.

5. Click Save configuration button.

   

6. The chat settings you can configure in your account on the official Olark site.

Feel free to check the following instructions:

• Getting started with Olark
• The Olark manual
• The Drupal "Olark Chat" module documentation