Modern Fashion Store Pro

Help and Support

Template Installation

Installation via WordPress Admin

The template installation process is simple and can be completed in two ways.

Step 1: Log in to your WordPress dashboard.

Step 2: Go to Appearance → Themes as shown below.

Appearance Themes Screenshot

Step 3: Click the "Add New" button.

Add New Theme Screenshot

Step 4: Click the upload button and select the theme ZIP file:

File name: modern-fashion-store-pro-pro_1.0.zip (version may vary)

Upload Theme Screenshot

Step 5: WordPress will install your theme and prompt you to activate it.

Installation via FTP

Login to your FTP client and upload the theme folder to wp-content/themes.

FTP Upload Screenshot

Once activated, you will be redirected to the Theme Setup Wizard.

Demo Importer

To import demo content exactly as shown on our live demo site, follow these steps:

  1. Go to Appearance → Theme Setup Wizard.
  2. Enter your activation key received via email.
  3. Activation key screenshot
  4. Click “Start Now.” Plugins required will be listed under “More Info.”
  5. Start Now screenshot
  6. Click “Install Plugins” to begin installation.
  7. Install Plugins screenshot
  8. Click “Import Demo” to install demo content.
  9. Import Demo screenshot

Once complete, your homepage will display the demo content.

Customize Demo

Customize your site via Appearance → Customize → Theme Settings.

Section reordering screenshot

Section Reordering & Typography

You can change global theme colors and fonts with one click.

Each section includes options to customize content, titles, buttons, and background colors.

Color customization 1 Color customization 2 Color customization 3 Color customization 4

Global Color

Change the entire theme color under Appearance → Customize → Theme Settings → Typography.

Scroll to the bottom and select both color options to apply the gradient.

Global color setting

Section Reordering

Drag and reorder theme sections to fit your layout preferences.

Section reordering screenshot

Configure "Slider" Section

Open "Slider" from the Theme Settings panel in the Customizer.

Update background visuals using "Background Color" and "Background Images".

Update the content as specified below.

Scroll down to see all the color customization options for this section.

Configure "Video"

Open Theme Settings → Video in the Customizer.

Customize background color and image settings using the available options.

Update the content as needed.

video layout screenshot

Scroll down to access all color customization options for this section.

Configure "New Arrivals" Section

Open "New Arrivals" from the Theme Settings panel in the Customizer.

Update background visuals using "Background Color" and "Background Images".

Adjust the number of products to show, and fill in each box with your content.

Go to Dashboard → Products to view demo products.

Scroll down to see all the color customization options for this section.

Configure "Marquee"

Open Theme Settings → Marquee in the Customizer.

Customize background color and image settings using the available options.

Update the content.

marquee layout screenshot

Scroll down to access all color customization options for this section.

Configure "Lookbook"

Open Theme Settings → Lookbook in the Customizer.

Customize background color and image settings using the available options.

Update the content.

lookbook layout screenshot
lookbook settings screenshot

Scroll down to access all color customization options for this section.

Configure "Similar Look" Section

Open "Similar Look" from the Theme Settings panel in the Customizer.

Update background visuals using "Background Color" and "Background Images".

Adjust the number of products to show, and fill in each box with your content.

Go to Dashboard → Products to view demo products.

Scroll down to see all the color customization options for this section.

Configure "Best Seller" Section

Open "Best Seller" from the Theme Settings panel in the Customizer.

Update background visuals using "Background Color" and "Background Images".

Adjust the number of products to show, and fill in each box with your content. Select the category to show specific products.

Go to Dashboard → Products to view demo products.

Now you can show a product by an ID. You need to take out the product ID and place it here. It will show the product complete details.

Scroll down to see all the color customization options for this section.

Configure "Designer" Section

Open "Designer" from the Theme Settings panel in the Customizer.

Update background visuals using "Background Color" and "Background Images".

Adjust the number of designer to show, and fill in each box with your content.

Go to Dashboard → Designer to view demo designer.

Scroll down to see all the color customization options for this section.

Configure "Highlighted Product"

Open Theme Settings → Highlighted Product in the Customizer.

Customize background color and image settings using the available options.

Update the content.

highlighted-product layout screenshot
highlighted-product settings screenshot
highlighted-product settings screenshot

Scroll down to access all color customization options for this section.

Configure "Offer"

Open Theme Settings → Offer in the Customizer.

Customize background color and image settings using the available options.

Update the content.

offer layout screenshot

Scroll down to access all color customization options for this section.

Configure "Contact"

Go to Theme Settings → Contact in the Customizer.

Edit the page title, tagline, and insert your contact form shortcode.

contact-us form setup screenshot
contact-us settings screenshot
contact-us styling screenshot
contact-us styling screenshot

Configure "Page Banner"

To update the default banner, go to Theme Settings → General Settings and scroll to the bottom.

Default page banner screenshot

To use individual banners for each page:

  • Edit the desired page (e.g., Contact Page).
  • In the right sidebar, locate the Page Banner setting.
  • Upload your custom banner image here.
Individual page banner upload screenshot

Configure "Blog Page"

This section contains global blog settings. To access it, go to Theme Settings → General Settings.

Blog page settings screenshot

Configure "Single Post Page"

Access via Appearance → Customize → Theme Settings → Single Post Page.

Here you can customize the layout, elements, and styling for single blog posts.

Single post page settings screenshot

Configure "General Settings"

This section contains overall theme configuration. Access it via Theme Settings → General Settings.

General theme settings screenshot

Configure "404 Page"

Go to Theme Settings → 404 Page Settings.

Here you can customize the content and design of your 404 error page.

404 page settings screenshot

Configure "Theme Layout"

Go to Theme Settings → Theme Layout Settings to switch between full-width and boxed layout modes.

Theme layout configuration screenshot

Configure "Responsive Settings"

Access via Theme Settings → Responsive Settings.

You can:

  • Disable the sticky menu on mobile or tablet views.
  • Set the mobile menu sidebar width to fit your design preference.
Responsive settings screenshot

Copyright © 2018 Themespride Templates. All Right Reserved.