Pin Fashion Pro
Pinnacle Themes WordPress fashion theme

Pin Fashion Pro Documentation

Everything you need to install the theme, import the demo, and customize your store — for both the free and pro versions.

Free Theme

Requirements

Before installing, make sure your hosting environment meets the following:

  • The latest version of WordPress
  • PHP 5.6 or higher
  • MySQL 5.7+ or MariaDB 10.4+

Recommended PHP configuration

If demo import fails, it's usually because PHP limits are too low. You can raise these yourself in php.ini, or ask your host to do it for you.

DirectiveValue
max_execution_time300
memory_limit512M
post_max_size100M
upload_max_filesize64M
max_input_time1000
Free Theme

Installation

From the WordPress dashboard

  1. Log in to your WordPress dashboard.
  2. Go to Appearance › Themes.
  3. Click Add New Theme, then Upload Theme.
  4. Choose pin-fashion.zip and click Install Now.
  5. Once installed, click Activate.
  6. Click Get Started in the setup notice to continue.

Manual installation via FTP

  1. Unzip pin-fashion.zip on your computer.
  2. Connect to your server with an FTP client and open /wp-content/themes/.
  3. Upload the unzipped theme folder there.
  4. Go to Appearance › Themes and activate the theme.
Free Theme

Set a static front page

By default, WordPress shows your latest posts on the home page. To use a specific page as your home page instead, go to Settings › Reading.

Under Your homepage displays, select A static page. Then choose the page you want from the Homepage dropdown. You can also pick a Posts page to show your blog posts. Click Save Changes when you're done.

Free Theme

Use a page template

Page templates change the layout of a single page or post. To apply one, open the page or post in the editor. In the right sidebar, open the Page (or Post) tab and click the current template name next to Template. Choose a template from the list, then click Save or Update.

The theme includes the following templates:

  • Blank: Shows only your content, without the header and footer. Useful for coming soon pages or fully custom layouts. Available for pages and posts.
  • Full Width: Stretches the content across the full width of the screen with no sidebar. Available for pages and posts.
  • Landing Page: A focused layout for marketing or promotional pages, such as a product launch or signup page. Available for pages only.
  • No Banner: Uses the default layout but hides the page title banner at the top. Available for pages and posts.

To return to the standard layout, select the Default template and save the page again.

Free Theme

Use patterns

  1. Click the Plus (+) icon in the editor, then open the Patterns tab.
  2. Select Pin Fashion from the list to see the theme's home patterns.
  3. Insert any pattern into your page.
Free Theme

Color variations

  1. Go to Appearance › Editor › Styles.
  2. Choose a color variation to change your theme's overall palette.
Free Theme

Header & footer templates

Manage your header at Appearance › Editor › Patterns › Header and your footer at Appearance › Editor › Patterns › Footer. Click either one to start editing.

Header and footer template parts
Pro Theme

Requirements

The pro theme requires a slightly newer PHP version:

  • The latest version of WordPress
  • PHP 7.4 or higher
  • MySQL 5.7+ or MariaDB 10.4+

Recommended PHP configuration

If demo import fails, raise these limits in php.ini or ask your host to adjust them.

DirectiveValue
max_execution_time300
memory_limit512M
post_max_size100M
upload_max_filesize64M
max_input_time1000
Pro Theme

Installation

From the WordPress dashboard

  1. Log in to your WordPress dashboard.
  2. Go to Appearance › Themes.
  3. Click Add New Theme, then Upload Theme.
  4. Choose pin-fashion-pro.zip and click Install Now.
  5. Once installed, click Activate.
  6. Click Get Started in the setup notice to continue.

Manual installation via FTP

  1. Unzip pin-fashion-pro.zip on your computer.
  2. Connect to your server with an FTP client and open /wp-content/themes/.
  3. Upload the unzipped theme folder there.
  4. Go to Appearance › Themes and activate the theme.
Pro Theme

Demo import

Import all demo content in one click to get a site that matches the live preview.

Before you import: install and activate every required plugin for the theme. Demo content won't load correctly otherwise.

  1. After activating the theme, the setup screen appears.
  2. Click Begin installing plugins and install and activate every listed plugin.
  3. Return to the setup screen and run the one-click demo import.

If a section such as Subscribe to our newsletter looks empty after import, open Appearance › Editor, make any small change to the home page, and click Save. The section will then display correctly.

Empty section before saving
Before — section appears empty
Section after saving
After — section displays correctly

Video walkthrough

Pro Theme

Edit the home page

Open Appearance › Editor to edit your home page in the block editor.

Pro Theme

Add patterns

  1. Click the Plus (+) icon in the editor.
  2. In the panel that opens, select Pin Fashion Pro from the left menu.
  3. Every theme pattern is listed here — insert any of them into your page.
Pro Theme

Header & footer

Edit the header and footer

  1. Go to Appearance › Editor.
  2. Click Front Page at the top, then search the theme patterns in the popup.
  3. Open Patterns › Template Parts and click Header or Footer to edit.

Set header & footer navigation

Change the header or footer layout

  1. Open Appearance › Editor and edit the Header or Footer template part (as above).
  2. Click the Plus (+) icon and type header to see all four header layout blocks.
  3. Click a layout — for example Header 3 — to add it to the editor.
  4. Remove the old header block, then save.
Removing the old header

To change the footer layout, follow the same steps and search for footer instead.

Pro Theme

Reset templates

To restore a template to its default, click the three-dot menu and choose Reset.

Resetting a template to default
Pro Theme

Color options & custom CSS

Color options

These colors can be adjusted from the theme's color settings:

  • Header navigation hover & active color
  • Header submenu color and background color
  • Header submenu hover color and background hover color
  • Footer menu color and hover color
Theme color options

Custom CSS

Add your own CSS in the custom CSS field to fine-tune any part of the design.

Custom CSS field
Pro Theme

Home patterns

  1. Click the Plus (+) icon and open the Patterns tab.
  2. Select Pin Fashion Pro from the left to see the home patterns.
Theme home patterns
Pro Theme

Color variation

  1. Go to Appearance › Editor › Styles.
  2. Pick a color variation to set a different palette for your theme.