Drupal 7 - Garnet Theme Guide for Developers

1. Navigate to Structure > Content Type > Article,click Manager fields link

2. To add new field, you can fill in "Add new field" row and add Image Slideshow field:

3. Set properties for Image Slideshow field:

4. Click Save button

1. Navigate to Structure > Content Type > Blog entry, click manage fields link, Add "Image" field with following settings:

2. Click Save button, then set following properties: Image fields

3. Go to Manage display tab > Default tab, set following properties:

4. Modify Teaser tab, set following properties:

5. Click Save button

1. Navigate to Structure > Content Type > Client,click "manage fields" link, Add "Image" field with following settings:

2. Click Save button, then set following properties: Image fields

3. Click Save Settings button

4. Go to Manage display tab > Default tab, set following properties:

5. Modify Teaser tab, set following properties:

6. Click Save button

1. Navigate to Structure > Content Type > Event, click "manage fields" link, Add "Date" field with following settings:

2. Click Save button, then click Edit Field button > Set following properties: Date fields

3. Click Save Settings button

4. Go to Manage display tab > Default tab, set following properties:

5. Modify Teaser tab, set following properties:

6. Click Save button

1. Navigate to Structure > Content Type > FAQ,click "manage fields" link, Add "Body" field with following settings:

2. Click Save button

3. Go to Manage display tab > Default tab, set following properties:

4. Modify Teaser tab, set following properties:

5. Click Save button

1. Navigate to Structure > Content Type >Forum Topic, click "manage fields" link, Add "Forums" field with following settings:

2. Click Save button

3. Go to Manage display tab > Default tab, set following properties:

4. Modify Teaser tab, set following properties:

5. Click Save button

1. Navigate to Structure > Content Type

2. In Gallery row, click "manage fields" link, Add "Images" field with following settings:

3.Click Save button, then click Save field settings button > Set following properties: Image fields

4. Go to Manage display tab > Default tab, set following properties:

5. Click Save button,Modify Teaser tab, set following properties:

6. Click Save button

1. Navigate to Structure > Content Type

2. In Video row, click "manage fields" link, Add "Video" field with following settings:

3.Click Save button, then click Save field settings button > Set following properties:Video fields

4. Go to Manage display tab > Default tab, set following properties:

5. Click Save button,Modify Teaser tab, set following properties:

6. Click Save button

1. Navigate to Structure > Content Type

2. In Video Player row, click "manage fields" link, Add "Video" field with following settings:

3. Go to Manage display tab > Default tab, set following properties:

4. Click Save button,Modify Teaser tab, set following properties:

5. Click Save button

1. Navigate to Structure > Content Type

2. In Webform row, click "manage fields" link, Add "Image" field with following settings:

3. Click Save button, then click Save field settings button > Set following properties: Body fields

4. Click Save Settings button

5. Go to Manage display tab > Default tab, set following properties:

6. Modify Teaser tab, set following properties:

7. Click Save button

1. Navigate to Structure > Content Type

2.Click Add fields button, then add following fields:

3. Set properties for Image field

4. Go to Manage display tab > Default tab, set following properties:

5. Click Save button

1. Navigate to Structure > Content Type. Click Add Content Type link to create content type Portfolio

2.Go to Manage Fields and set following fields:

3. Set properties for Images field

4. Set properties for Category field

5. Go to Manage display tab > Default tab. Set following properties:

6. Go to Manage display tab > Teaser tab. Set following properties:

7. Click Save button

1. Navigate to Structure > Content Type. Click Add Content Type link to create content type Services

2.Go to Manage Fields and set following fields:

3. Set properties for Images field

4. Go to Manage display tab > Default tab. Set following properties:

5. Go to Manage display tab > Teaser tab. Set following properties:

6. Click Save button

1. Navigate to Structure > Menus, click Main menu link, then click Add link with following properties:

2. Navigate to Structure > Blocks, find TB Mega Menu: Main menu block, click configure link and set the following properties:

3. Click Save to save view

1. Navigate to Structure > Blocks find Add block link. Click and create Welcome block with following properties:

2. Click Save block button.

1. Navigate to Structure > Views, click Add views link, Create SlideShow view with following properties:

2. Click Continue & edit button and set following properties:

3. At FORMAT Format: FlexSlider, click Settings and set following properties:

4. At FIELDS area, click Add button to add fields: Content: Image Slideshow .

5. Set properties for Content: Image Slideshow

6. At FILTER CRILERIA area, click Rearrange button and set following arrange

7. At FILTER CRITERIA area, click Add button and add file Content: Type, Content: Slideshow:fid

8. Set properties for Content: Type

9. Set properties for Content: Slideshow:fid

10. At Advanced > OTHER area, add CSS class

11. Click Save button.

1. Navigate to Structure > Views, click Add new view, then create Services view with following settings:

2. Click Continue and edit button. Next to steps below to set properties for following fields:

3. At FIELDS area, click Add button to add fields: Content: Image, Content: Body, Content: Title

4. Set properties for Content: Image

5. Set properties for Content: Body

6. Set properties for Content: Title

7. At FIELDS area, click Rearrange button and set following arrange

8. At FORMAT area, click Settings set following properties:

9. At Advanced > OTHER area, add CSS class:

10. Click Save to save view

1. Navigate to Structure > Blocks

2. Find View: Services, click configure link, set following properties

3. Click Save block button.

1. Navigate to Structure > Views, click Add new view, then create Recent Works view with following settings:

2. Click Continue and edit button. Next to steps below to set properties for following fields:

3. At FIELDS area, click Add button to add fields: Content: Images, Content: Title, Content: Body, Content: Link

4. Set properties for Content: Images

5. Set properties for Content: Body

6. Set properties for Content: Link

7. At FIELDS area. click Rearrange button and set following arrange

8. At Advanced > OTHER area, add CSS class:

9. Click Save to save view

10. At FILTER CRITERIA area, Click Add button to add Content: Type field, then choose type is Branches

11. At FILTER CRITERIA area, Click Add button to add Content: Language field, then choose type is Current user's language and No language

1. Navigate to Structure > Blocks

2. Find View: Recent Works: Recent Works - jCarousel click configure link, set following properties

3. Click Save block button.

Front end Display

1. Navigate to Structure > Block, find Why choose us block, then click Configure button

Refer to following HTML code:

• Colorpick each element of the site
• Background uploader for 5 areas
• Widgitized Homepage
• SEO Optimized
• Solid and clean code
• Fully responsive so your content will always look good on any screen size
• Advanced theme options panel to easily customize your website
• Quisque ligulas ipsum, euismod atras

1. Navigate to Structure > block, click Add block, then create What User Say block with following settings:

Refer to following HTML code:

Aenean nonummy hendrerit mau phasellu porta. Fusce suscipit varius mi sed. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio morbi...

Helen Barkley Manager

www.weebpal.com

1. Navigate to Structure > Views, click Add new view, then create Front page view with following settings:

2. Click Continue and edit button. Next to steps below to set properties for following fields:

3. At FIELDS area, click Add button to add fields: Content: Image, Content: Updated date, Content: Body, Content: Link,Content: Comment Count

4. Set properties for Content: Image

5. Set properties for Content: Body

6. Set properties for Content: Updated date

7. Set properties for Content: Link

8. At FIELDS area. Click Rearrange button and set following properties:

9. At FORMAT Format area, click Settings and set following properties:

10. At Filter Criteria area, click Add Content: Type and set following properties:

11. At Filter Criteria area, click Add Content: Language and set following properties:

12. Click Save block button.

1. Stay open Frontpage view, click Add button add Feed new.

2. Stay open Frontpage view, click Add button add Feed new.

3. Click Save block button.

1. Navigate to Structure > views, click Add views ,create Our Clients view with following properties:

2. Click Continue & edit button and set following properties:

3. At Format area click setting following properties:

4. Click Save block button.

5. At FIELDS area, click Add button to add fields: Content: Image then set properties:

6. At FIELDS area, click Add button to add fields: Content: Type, Content:Language

7. Set properties for Content: Type

8. Set properties for Content: Language

9. At Advanced > OTHER area, add CSS class

1. Stay open Our clients view, click Add button add Page new.

2. Click Save block button.

1. Navigate to Structure > Blocks > View: Our clients block,click configure link, set following properties:

2. Click Save block button.

1. Navigate to Structure > Blocks > Structure > Blocks find Add block link. Click and create Contact block with following properties:

2. Click Save block button.

1. Navigate to Structure > Blocks find Add block link. Click and create Contact with us block with following properties:

2. Click Save block button.

1. Navigate to Structure > views click Add new views and create Latest Comments block with following properties:

2.Click Continue & edit button and set following properties:

3.At Fields area, click Add button and add file (author) User: Name, Comment:Comment, Comment : View link

4.Set properties for (author) User: Name

5.Set properties for Comment:Comment

6. Set properties for Comment : View link

7. At Filter Criteria area, click Add button and add file Content : Language

8. At Block setting area, click Access following properties:

9. At Relationshio area, click Add button and add file Comment : Content,Comment:Author

10. At Advanced > OTHER area, add CSS class

11. Click Save button

1. Navigate to Structure > Blocks add block. Create We are here to serve you block with following properties:

2. Click Save block button.

1. Navigate to Structure > views find Add new view link. Click and create Our Services block with following properties:

2. Click Continue & edit button and set following properties:

3. At Fields click Add button and add Content: Body following properties:

4. At Filter Criteria area, click Add button to add fields: Content: Type, Content: Language.

5. Set properties for Content: Language

6 Set properties for Content: Type

7. At Header area, click Add button to add fields: Global: Text area

8. Click Save block button.

1.Create Team block

1. Navigate to Structure > Views find Add new view link. Click and create Team block with following properties:

2. Click Continue & edit button and set following properties:

3. At FORMAT Format click Settings and set following properties:

4. At FIELDS area, click Add button to add fields: Content: Image, Content: Title, Content: Job title, Content: Body, Content: Facebook, Content: Twitter.

5. Set properties for Content: Image

6. Set properties for Content: Job title

7. Set properties for Content: Body

8. Set properties for Content: Facebook

9. Click Page setting to set Menu following properties:

10. At Advanced > OTHER area, add CSS class:

11. At FIELDS area, click Add button to add fields: Content: Type, Content: Language.

12. Set properties for Content: Type

13. Click Save block button.

14. Click Add button and create Page

1. Navigate to Structure > Views, click Add new view, then create Latest Article view with following settings:

2. Click Continue and edit button. Next to steps below to set properties for following fields:

3. Click Save to save view

1. Navigate to Structure > Blocks

2. Find View: Latest Article click configure link, set following properties

3. Edit Quicktab following properties:

4. Click Save block button.

1. Navigate to Structure > Views, click Add new view, then create Articles view with following settings:

2. Click Continue and edit button. Next to steps below to set properties for following fields:

3. At FILTER CRITERIA area, click Add button to add field: Content: Language and set properties field:

4. At Menu area,set following properties:

5. Click Save button.

1. Navigate to Structure > views > add new view, then create FAQ view following properties:

2. Click Save and edit button following properties:

.3 At Fields click Add button and add Content: Body following properties:

.4 At Filter Criterial click Add button and add Content: Type(=FAQ), Content: Language following properties:

5. Set properties for Content: Language.

.6 At Page setting click Menu and set following properties:

7. Click Save button

1. Navigate to Structure >Forums and add new forums following properties:

2. Click Save button

1. Navigate to Content > Add content > Basic page ,then create 404 Page:

2. Click Save button

1. Navigate to People >edit admin.

2. Click Save button

1. Navigate to Structure > Views > add new view,then create Events following properties:

2. Click Save and Edit button following properties:

3. At Contextual Filter area,click Add button to add Date: Date and set following properties:

4. At Format setting area,set following properties:

5. At Filter Criterial add Content: Language,then set properties:

6. At Page setting click menu and set properties:

7. Click Save button

1. Navigate to Structure > Views > Add new view ,then create Video following properties:

2. Click Save and Edit following properties:

3. At Format area set properties:

4. At Fields area,click add button and add Content: Body, Content: Video, Content: Link and set properties:

5. Set properties for Content: Body

5. Set properties for Content: Link:

6. At FILTER CRITERIAL area,click add button and add Content: Video, Content: Type and set properties:

7. Set properties for Content: Video:

8. At Page setting set properties for Menu, Path:

9. At Advanced > Other set properties for CSS Class:

Portfolio 1 Colunm

1. At Format area,set properties:

2. At Fields area,click add button and add Content: Image, Content: Body, Content: Link

3. Set properties for Content: Image:

4. At FILTER CRITERIAL area,click add button and add Content: Image, Content: Type(=Portfolio), Content: Language

Set properties for Content: Image

Set properties for Content: Type

Set properties for Content: Language

Portfolio 2 Colunms

1. At Format area, set properties:

2. At Fields area,click add button and add Content: Category

Portfolio 3 Colunms

1. At Format area,set properties:

2. At Fields area,add content: Image following properties:

3. At PAGER area set following properties:

Portfolio 4 Colunms

1. At Format area,set properties:

2. At Fields area,add content: Image, Content: Body following properties:

3. Set properties for Content: Body

3. At PAGER set properties for Menu

5. Click Save button.

Blogs Page

Front end Display

1. Create Blog view

In this section, you can change basic settings, such as the site name, slogan, e-mail address.

1. Log in to Administration site page by administrator account

2. Navigate to the Site Information page Configuration > System: Site information

3. Change site details from the view:

1. Site name
2. Slogan
3. E-mail address
4. Set Default Front page

4. Click on Save configuration to finish editing.

1. Create a new color.

1: Navigate to the directory: onepage/sites/all/themes/onepage, you can find file onepage.info, open this file.

2. Locate the skins[ ] arrays and add new code row:

3. Navigate to the directory: garnet/sites/all/themes/garnet/css/colors, clone a folder, then rename it "new_color"

4. new_color folder includes images folder and style.css file.

Now, you can style new color for theme by modifying style.css file.

2. Create a new background.

1. Navigate to the directory: garnet/sites/all/themes/garnet, you can find file, open file garnet.info

2. Locate the backgrounds[ ] arrays and add new code row:

3. Save file.

4. Move your background image into the directory: garnet/sites/all/themes/garnet/images.

5. Save file.

3. Configuration.

1. Log into website by administrator account.

2. Go to Appearance find Garnet 7.38, click on Settings

3. At CONFIGS area, select one of options for Layout, Skin, Background to set default, (e.g: New Color), and at TOGGLE DISPLAY area, check Show Skins Menu option if you want to display Skins menu on front-end pages.

This section guides you how to have multiple languages for your site. New Shopping Theme supports both Left to Right and Right to Left languages.

1. Navigate to Configuration > Regional and Language > Languages then add new language.

2. Check to enable and set default language

3. Save configuration