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

        NOTICE: If direct customizations have been made to the parent theme, they will be overwritten when the theme is updated.
        The recommended way to apply theme file customizations is to use a child theme.

        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.