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
Logo
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.