GeneratePress Target Template Documentation

Target is a simple, modern style Woocommerce template to showcase your products. It’s integrated with WP Show Posts, Lightweight Social Icons, MailChimp and HappyForms.

1. Install Template

First, you need to activate Site Library Module in GP Premium.

Next, import Target Template, See how to import GeneratePress Template

2. Notes

All Colors & Typography, you can find at Appearance > Customize > Colors or Typography

Some color settings can also find at Appearance > Customize > Additional CSS

3. Header

Top Bar

To edit text, go to Appearance > Widgets > Top Bar

To edit color, go to Appearance > Customize > Colors > Top Bar

Appearance > Customize > Site Identity

Navigation

To edit Navigation items, go to Appearance > Menus > Primary (Primary Menu) > Select

and some custom code at Appearance > Customize > Additional CSS > Line 12 – Line 18

Search – Cart Icon

To show/hide icons, go to Appearance > Customize > Layout

  • > Primary Navigation > Navigation Search > Enable/Disable
  • > WooCommerce > Display Cart in Menu

and some custom code at Appearance > Customize > Additional CSS > Line 68 – Line 73

4. Footer

Footer Bar

To edit copyright text, go to Appearance > Customize > Layout > Footer > Copyright > Enter New Text

To edit Footer Navigation Items, go to Appearance > Menus > Footer > Select

To show/hide Footer Navigation Items, go to Appearance > Widgets > Footer Bar

To edit color, go to Appearance > Customize > Colors > Footer > Footer Bar

Footer Widgets

To edit Color/Background, go to Appearance > Customize > Colors > Footer > Footer Widgets

To edit padding top/bottom, go to Appearance > Customize > Layout > Footer Widget Area Padding

Widget 1. Appearance > Widgets > Footer Widget 1

To edit Widget 1 Navigation, go to Appearance > Menus > Footer-widget-menu-1 > Select

Widget 2. Appearance > Widgets > Footer Widget 2

To edit Widget 2  Navigation, go to Appearance > Menus > Footer-widget-menu-2 > Select

Widget 3. Appearance > Widgets > Footer Widget 3 > Lightweight Social Icons: FOLLOW

Widget 4. Appearance > Widgets > Footer Widget 4 > Custom HTML: NEWSLETTER

To edit Newsletter Form, go to MC4WP > Form

Widget 4 use some custom code at Appearance > Customize > Additional CSS > Line 145 – Line 158

5. Homepage

Home Header

Appearance > Elements > Home Hero

and some custom code at Appearance > Customize > Additional CSS > Line 84 – Line 102

Categories

Pages > Home > Show NOW

Appearance > Customize > Additional CSS > Line 30 – Line 38 & Line 52 – Line 60

News

Pages > Home

News Section uses WP Show Posts Shortcode. Edit at WP Show Posts > Home List

Edit background at Pages > Home > News > Settings > Background Color

and some custom code at Appearance > Customize > Additional CSS > Line 104 – Line 131

6. Shop

Shop Navigation

Edit Shop Navigation Items at Appearance > Menus > Secondary (Secondary Menu)

and some custom code at Appearance > Customize > Additional CSS > Line 75 – Line 82

Products

Appearance > Layout > WooCommerce

and some custom code at Appearance > Customize > Additional CSS > Line 160 – Line 203

7. Single Product

Product Navigation

Same as Shop Navigation

Product Content

Appearance > Customize > Layout > WooCommerce > Single Product

and some custom code at Appearance > Customize > Additional CSS > Line 01 – Line 05

8. Post Category

Appearance > Customize > Layout > Blog > Content (Archives), Featured Images (Archives)

and some custom code at Appearance > Customize > Additional CSS > Line 01 – Line 10

9. Single Post

Post Header

Appearance > Elements > Page Title

Post Content

Appearance > Customize > Layout > Blog > Content (Single), Featured Images (Single)

and some custom code sames as Post Category

10. Pages (Contact, Tech, Cart, ….)

Similar Single Post

Contact Page uses some custom code for Contact Form at Appearance > Customize > Additional CSS > Line 132 – Line 143

Done. If you have any questions, just comment below.

Share this post:

Leave a Reply

avatar
  Subscribe  
Notify of