Moderno – Fashion Clothing & Furniture Store WooCommerce Theme

  • created: 5 May 2023
  • latest update: 5 May 2023
  • version: 1.0.7
  • by: Park of Ideas
Thank you for purchasing our theme. If you have any questions that are beyond the scope of this Documentation, please feel free to contact our support team. Thanks so much!

Installing Theme and plugins

You can install this WordPress theme using two installation methods:

    1. Using WordPress Administration Panel.
    2. Copying theme files to your server via FTP.

METHOD 1 (Normal)

Using moderno.zip found in ZIP file you downloaded from ThemeForest.net you should perform the following steps:

    1. Login to WP admin.
    2. Go to WP Dashboard → Appearance → Themes option and click on it to load new page.
    3. Select Install Theme tab at the top of the panel to load new page.
    4. Click on Upload Theme button at the top of the panel to load new page.

  • Click on Browse button and locate moderno.zip on your file system.
  • Click on Activate button.
  • Once installation is complete before need enter Your Purchase Code and click the button Continue to install and activate required theme plugins.
  • On the next step you will see theme’s splash screen with 5 buttons.
  • If you need additional plugins to extend the functionality of the theme, click the Continue button. 
  • If you don’t need additional plugins, click on the Import demo  button to import demo data your website.
  • After Importing Demo data you can customize theme, clicking on Customize button or go to WP Dashboard → Appearance → Customize 

METHOD 2 (Using FTP)

Using moderno directory found inside of moderno.zip file located inside ZIP file you downloaded from ThemeForest.net you should perform the following steps:

  • Using FTP client you should login to server where your WordPress web site is hosted
  • Using FTP client you should navigate to /wp-content/themes/ directory under your WordPress web site’s root directory
  • Using FTP client upload moderno directory to themes directory on remote server
  • Once installation is complete you can activate Moderno theme here:  WP Dashboard → Appearance → Themes

Import Demo

After you click Import Demo button you should choose demo to Import the content and theme options.
You can open Import Demo page from WP Dashboard → Appearance → Import Demo Content as well.

Choose All checkbox and Import attachments, after that click Import button and wait several minutes while demo content importing.

Theme Customizing

After importing Demo Content go to WP Dashboard → Appearance → Customize and start customizing theme.

Site identity

Navigate to WP Customize Panel → Site Identity and enter the Sitename and Tagline here.

Upload your favicon (Site Icon) as well. Site icon should be square and at least 512 x 512 pixels in PNG.

General Colors

To customize how your website looks, including background color and accent color navigate to WP Customize Panel → Colors

  1. Choose Text color for body text and headings.
  2. Choose Accent Colors from the color palette.
  3. Choose Background Color or use your own background color.
  4. You can choose color for Borders and Modal Window Overlay.

Homepage Settings

Navigate to WP Customize Panel → Homepage Settings

You can choose what’s displayed on the homepage of your site. It can be posts in reverse chronological order (classic blog), or a fixed/static page. To set a static homepage, you first need to create two Pages. One will become the homepage, and the other will be where your posts are displayed.

Header

Navigate to WP Customize Panel → Header

General

Navigate to WP Customize Panel → Header → General

You can align blocks to left or right place in HeaderFill info, Choose Icons and Set Colors (Desktop and Mobile).

Page Header

Navigate to WP Customize Panel → Header → Page Header

You can show or hide breadcrumbs. Set Text Align for Header. Choose Colors and Type of Layout.

Logo

Navigate to WP Customize Panel → Header → Logo

Upload your logo (PNG, JPG, SVG) here as well.

Desktop and Mobile versions.

Live Search

Navigate to WP Customize Panel → Header → Live Search

You can set type and number of products to show.

Advert Bar

Navigate to WP Customize Panel → Header → Advert Bar

You need choose predesigned HTML block for footer. Or you can customize blocks on link “Manage html blocks“.

Social Media Links

Navigate to WP Customize Panel → Header → Social Media Links

You can fill URL in all fields.

Footer

Navigate to WP Customize Panel → Footer

You need choose predesigned HTML block for footer. Or you can customize blocks on link “Manage html blocks“.

Fonts

Navigate to WP Customize Panel → Fonts

You can choose Fonts Combination (Google Fonts) or upload Custom Fonts.

Misc

Navigate to WP Customize Panel → Misc

You can set sticky sidebar and custom icons for pages.
Enable To Top Button.

Blog

Blog Page

To setup the main blog page/archive, navigate to WP Customize Panel → Homepage Settings in the WordPress admin and follow the steps below:

  1. In the Your homepage displays section, click the A static page radio-button.
  2. Select the page you want to use from the Posts page dropdown menu.
  3. Finally, click the Publish button.

Post/Page Settings

Go to WP Customize Panel → Blog → Blog Posts and choose grid or list layout. You can hide or show some elements.

Go to WP Customize Panel → Blog → Blog Page you can hide or show some elements.

WooCommerce

WooCommerce Settings

Go to WP Customize Panel → WooCommerce 

All WooCommerce settings in one place: General, Product Grid, Product Page, Shop Page, Brands, Badges, Wishlist, Related products, Up-Sells, Cross-Sells, Recently viewed, Store Notice, Cart and Checkout.

General

Go to WP Customize Panel → WooCommerce → General

You can Disable purchase and choose Pop-up Cart layout.
Search by SKU and Hide Uncategorized category. Set Hide category with products and Registration page.

Product Grid

Go to WP Customize Panel → WooCommerce → Product Grid

You can set Products per page (Quantity) and type of Paging. Show or hide Categories and set Default product sorting. Show or hide Sidebar. Choose Grid Layout (Desktop) and Grid Width.

Next, you can choose Buttons Layout and Grid Layout on Mobile. Show or hide all elements in Items Block. Set color for Star rating.

Choose Image fit and Image aspect ratio.

Product Page

Go to WP Customize Panel → WooCommerce → Product Page

You can choose any Product Page Layout and Move blocks to show in different positions.

Select blocks to show in Quickview.

Settings for Product Tabs. You can hide or show all elements.

You can select Html block to show at the bottom of the product page. Set Image fit and enable/disable modal gallery.

You can show your features.

Shop Page

Go to WP Customize Panel → WooCommerce → Shop Page

You can choose HTML block in top or bottom of Shop page.

Brands

Go to WP Customize Panel → WooCommerce → Brands

You can select Brand attribute and set Brand page.

Badges

Go to WP Customize Panel → WooCommerce → Badges

You can set and configure color and text of Product Badges.

Wishlist

Go to WP Customize Panel → WooCommerce → Wishlist

You can select Wishlist page and show or hide Share buttons.

Related products, Up-Sells, Cross-Sells and Recently Viewed

Go to WP Customize Panel → WooCommerce → Related products, Up-Sells, Cross-Sells and Recently Viewed

You can set Number of products and show or hide on Shop Pages.
Change Position and Custom Header.

Store Notice

Go to WP Customize Panel → WooCommerce → Store Notice

You can show or hide Store Notice.

Cart

Go to WP Customize Panel → WooCommerce → Cart

You can show Pop-up Cart in different places.

Checkout

Go to WP Customize Panel → WooCommerce → Checkout

Set Fields to Required or Hide. Set Policy pages and Text.

Size Guide

First You need add or use premaded custom “Size Guide” block in HTML blocks (Sidebar Dashboard).
Next go to WP Customize Panel → Products → Attributes and add your Attribute (eg. Size Chart).

After in Attribute Settings you can set Hint Title and choose premaded HTML Block.

Last you can add new attribute “Size” in Edit Product page.

Categories Carousel

Go to WP Customize Panel → WooCommerce → Categories Carousel

Set Sizes on all resolutions.

Elementor

Elementor Documentation

You can read full documentation on Elementor’s website.

Moderno Elementor Widgets

Drag our unique widgets to your page in Elementor and fill with your content.

Moderno Button

Social

Slider

Reviews Carousel

News Carousel

Instagram Photo Gallery

Content Tabs

Product Tabs

Banners

Categories

Logo List

Brand List

Video Button

Moderno Countdown

Mega Menu Block

Advantages

Circle Text

Infinite Marquee

Moderno Accordion

Hotspot Gallery

Performance

Use this options to improve speed of your website.
Navigate to WP Customize Panel → Performance.

Translation

This theme is localized, which means it can easily be translated to your own language (easy but quite time consuming). To translate it you need install and activated Free plugin Loco Translate.

Theme Updating

Information about the new update can be found on the description page in the right sidebar .
In most cases update does not affect your settings or content but in any case please make a backup before any action and save your translation files .
You can use All-in-One WP Migration plugin.

Manually Install the Update

You can download the latest version of the theme in your Envato account and install the theme again according to the documentation before this delete old version .

    • Download the latest theme zip file from ThemeForest

    • Extract it and locate moderno.zip

    • Extract moderno.zip and locate the moderno/ folder

    • Copy/Replace content of the moderno/ folder to the /wp-content/themes/moderno/ folder of your web site

Also you can use Envato Market plugin for automatic upgrade theme

Download, activate and configure the Envato Market plugin.
Please follow the instructions on the Envato website.

Also don’t forget to update the plugin Moderno Theme Functionality. If you do not have a message about the automatic update for this plugins then do the following steps. To update this plugins you need:

    • Navigate to the Plugins menu in your WordPress admin area.

    • Deactivate plugin, delete it

    • Go to Install Required Plugins

    • Upload and install the new version

    • Activate this plugin.