WooCommerce Fashion Ethereal Theme

WooCommerce Fashion Ethereal Theme is a premium website design theme built to enhance e-commerce stores with a modern, user-friendly interface.

With easy customization, store owners can create a visually stunning storefront that aligns with their brand identity.

Designed specifically for WooCommerce, this theme ensures effortless integration and smooth functionality without requiring coding expertise.

Whether for small businesses or large retailers, this theme provides the perfect balance of design and functionality to maximize online sales.

Features- WooCommerce Fashion Ethereal Theme

Gutenberg Page Builder support
WooCommerce Ready for seamless store integration
Powerful Admin Interface with no coding required
Highly Customizable design options
Multiple Homepage & Banner/Product/Category Slider Variations
Customizable Mega Menu
Product Review Slider
Instagram & Twitter Feed Widgets
SEO Optimized and Core Web Vitals Performance Optimized
ADA Compliance for accessibility
100+ Ready Icons
RTL (Right to Left) Language Support
Load More Pagination (AJAX & normal)
Quick View functionality
AJAX Shop Filters and AJAX Add/Remove to Cart
Wishlist, Buy Now Button, and Free Shipping Bar
PWA Ready for app-like mobile experience
Recently Viewed Products and Min/Max Quantity & Order Amount
Product Image Zoom and Slider
Mobile Filters & Bottom Menu
Product Filters by Category, Color, Brand, Status
Order Tracking and Popup Newsletter
Sale Banner Ready
Added to Cart AJAX Popup Notice
Loco Translate Supported with .POT for Multi-language
Contact Form 7 and Metabox Supported
Google Web Fonts
Blog Ready with default Gutenberg block support
Design-Ready Components
Social Icons & Latest Posts Widgets
One-click Demo Data Installer
One-click Theme Updates
7/24 Fast Support

Upload Theme – Fashion Ethereal theme WooCommerce

The Ethereal theme is a premium option that provides a downloadable file upon purchase.

Fortunately, the installation process is simple. Just follow these steps:

From your WordPress dashboard, navigate to Appearance → Themes → Add New, then click the Upload Theme button to get started.

Upload the ZIP file of the theme that you have downloaded and click on Install Now.

Click the Install Now button.

WordPress will automatically download and install the files. Which is shown in the below image.

Upload Theme By FTP Application / Program

Need to follow the steps:

Open a FTP Application lik Filezilla
Navigate your root dir
wp-contents -> themes
Extract your theme zip under the “themes” folder

As it is shown in the below image.

Activate Theme and Plugins By Setup Wizard

To activate the WooCommerce Fashion Ethereal Theme after installation:

Go to Appearance > Themes in your WordPress dashboard.
Locate Ethereal, then click Activate.

Following this, the administrator should click on the start button displayed in the image below.

Next, click the “Next” button to continue.
You’ll then be able to import the demo content for the website, which will help you get familiar with the theme.

To do this, simply click the “Import” button, as shown in the image below.

To view your website and start exploring the theme, simply click the “View Your Website” button, as shown in the image below.

Data Import in WooCommerce:

There are two ways to import data into WooCommerce.

Automatic Import via Merlin: During setup, you can import data using the Merlin importer.
Manual Import (If Merlin is Skipped): If you missed the import step with Merlin, you can manually import the data by going to Tools > Import > WordPress > Run Importer, then select the file that we provide in our demo folder.

WooCommerce installs and uninstalls just like any other WordPress plugin.

Want a quicker setup? The Setup Wizard can install and configure it for you in just a few clicks!
Check the WooCommerce installation guide for details →

WooCommerce Configuration

Below is the complete document on WooCommerce, providing a comprehensive overview of its functionality and use cases.

Check WooCommerce document here , will help you get started with adding products in WooCommerce:

Enhance Your Ethereal Theme with Plugins

Although plugins are not mandatory for the Ethereal Theme, using them can significantly enhance your site’s functionality and user experience. One such useful plugin is:

WooCommerce Plugin is the core plugin that turns your WordPress site into a fully functional eCommerce store. It handles everything from product listings to cart, checkout, and payments.

WCBoost – Products Compare plugin lets users compare multiple products side-by-side, helping them make better buying decisions.

It works perfectly with WooCommerce and integrates well with the Ethereal theme.

Both plugins are compatible with the Ethereal theme and enhance your site’s functionality and user experience.

Ethereal Theme- Mega Menu/ Header

To enhance the customer shopping experience, a mega menu can be implemented by following WordPress’s recommended menu guidelines.

In the Ethereal theme, the Menu Bar includes the following options:

Search: Allows users to search for products and blog (If you have blog setup) across the website.

Here’s how the search option appears in the Ethereal theme.”

The customer’s search history will be displayed when they search for a product, as shown in the image below.

Account: Users can view and manage their profile, including saved addresses.

shown in the below image

Orders: Displays detailed information about past and current orders.
Download: Provides access to downloadable products.
Reviews: Users can view product reviews shared by other customers.
Wishlist: Shows products that the user has added to their wishlist.
Logout: Enables the user to securely sign out of the website.

Dashboard

The Ethereal theme dashboard allows users to view their orders, wishlist, downloadable products, and submitted reviews, as shown in the images below.

Check here to Use Plugins to Add Product Compare in WooCommerce.

This is a single product comparison page, allowing users to effortlessly add products for comparison using the Ethereal theme, as illustrated in the image below.

The product is added to the compare page by simply clicking the arrow button, as shown in the image below.

With the Ethereal theme, users can easily compare products by clicking the arrow button to add them to the comparison page.

They can then view added products through the ‘Quick View’ feature, making the comparison process faster and more convenient.

The comparison page and products are shown in the image below.

Cart- Etherael Theme

In the Ethereal theme, users can access their cart by clicking on the Cart option in the menu bar, which navigates them to the cart page.

An additional feature in this theme is the Mini Cart “You May Also Like” section, displayed on the side.

This section showcases related products, offering users more shopping options and enhancing the overall browsing experience.

Shown in the below image.

The products shown in the image above are added to the mini cart within the Shop section.

Products that the admin wishes to showcase to customers are included under the ‘Display Type’ setting.

This functionality is demonstrated in the Ethereal theme in the image below.

Product- Sort

The Ethereal theme offers sorting options that allow users to organize products based on their preferences, as shown in the image below.

Filter – Product

The Ethereal theme includes advanced filtering options that allow users to refine products based on specific criteria such as price, color, size, product categories, and stock status.

These filters help customers easily find products that match their preferences, as shown in the image below.

Wishlist – Product

From the admin panel, users can navigate to the wishlist to view products they have marked as favorites. The wishlist is displayed in the image below.

Orders -Product

From the Orders section, users can easily track their placed orders, view order status, check the total amount, and see any actions taken on the products. This image demonstrates this.

Shopping Cart

In the Ethereal theme, the customer can easily proceed to checkout with the products added to the shopping cart, as shown in the image below.

After clicking the checkout button, the system directs the user to the billing details page.

Here, the customer can choose a payment method—Direct Bank Transfer, Check Payment, or Cash on Delivery.

After selecting a payment option, the customer checks the box to agree to the terms and conditions, then clicks the ‘Place Order’ button to complete the purchase.

As shown in the image below.

The Ethereal theme has three sections: Components, Shop, and General Settings. First, we’ll start with Components.

To add a section to your webpage, click the ‘Add Section’ button.

The image below displays a list of available components designed to enhance the user interface and ensure ease of use across all pages.

You will see several configuration options:

Name: Specify the name of the page.
Select Component: The admin must select a component from the dropdown list.
Sort Order: Enter the order in which this section should appear on the page.
Page Follow: Choose the page this section should follow (e.g., Home Page or another existing page).

After configuring the options, the admin can click the Add Selected button to proceed.

Banner Slider

Ethereal theme features a Banner Slider that highlights new or recently arrived products, offering customers a quick shopping experience.

Admins can add links to each banner, allowing users to navigate directly to the relevant product pages.

After add selected button the admin needs to set the following details which are mentioned below:

Page Follow: Specific components of the Ethereal theme can be configured to appear on selected pages, such as the homepage or other sections, based on the user’s preferences.
Navigation Dots: Toggle the visibility of navigation dots and choose their alignment — Left, Center, or Right.
Navigation Arrows: Enable or disable navigation arrows as needed.
Alignment: Choose the position of the component from the following options:
- Top: Top Left, Top Center, Top Right
- Full Width: Center (spans the full width)
- Center: Center Left, Center Center, Center Right

The below image shows the complete information.

Smart Work Icons is an added slide where you need to enter the following basic details:

Image: Upload the image for the slide.
Heading: Enter the headline for the slide.
Description: Provide the slide description in the text box.
Button Text: Specify the text to display on the button.
Button Link: Add the URL where the button should redirect.
Content Position: Choose the position of the content on the slide. Available options:
- Top Left, Top Center, Top Right
- Center Left, Center Center, Center Right
- Bottom Left, Bottom Center, Bottom Right
Text Alignment: Set the alignment of the text — Left, Center, or Right.

You can add multiple slides as needed. The images below display example slides like Weekend Wanderer, Nature’s Palette, and The Comfort Layer.

The admin can add a new slide by clicking the “+ Add Slide” button.

shown in the below image.

This is how the Banner Slider appears on the front end for customers.

Sales Strip

The Sales Strip in the Ethereal theme allows the admin to highlight products on sale by adding a link to the product page along with the sale duration.

This helps promote limited-time offers and directs users straight to the discounted items.

Sales Settings can be configured by the admin using the following options:

Page Follow: Specific components of the Ethereal theme can be configured to appear on selected pages, such as the homepage or other sections, based on the user’s preferences.
Date: Select the date when the sale will take place.
Time: Set the time for the sale event.
Heading: Enter a heading for the sales section.
Description: Add a description in the provided text box.
Button Text: Enter the text to display on the button.
Button Link: Provide the URL to the relevant product or sales page.

This setup is illustrated in the images below.

Image below shows the Sale Strip on the store frontend

Categories Slider

Retailers use the Category Slider to organize products into different categories, allowing customers to easily navigate to specific product listings.

Each category contains distinct products, helping users browse more efficiently based on their interests.

The admin can configure the Categories Slider using the following options:

Users can set components in the Ethereal theme to appear on specific pages—like the homepage or any other page—based on their selection and preferences.
Heading: Enter the heading for the component.
Layout: Select the layout style — either Slide or Grid.
Description: Add a description in the provided text box.
Select Categories: Choose the product categories to display in the Categories section.

The images below illustrate these settings.

Category Grid

Category Grid displays products in a grid layout. Clicking a product redirects the user to its product page.

The admin can configure the Categories Grid using these options:

Page Follow: Specify the page this section should follow.
Heading: Enter the heading for the component.
Layout: Select the layout style — as Grid.
Description: Add a description in the provided text box.
Select Categories: Choose the product categories to display in the Categories section.

The images below illustrate these settings.

The category Grid will appear to customers like this.

3 Card Product Grid

It displays products in three columns. When customers click on a product, it takes them directly to the detailed product page.

3 Card Product Grid can be configured by the admin using the following options:

Page Follow: Select the page where the component will appear.
Section Title: Enter a title for the New Arrivals section.
Section Description: Add a description for the New Arrivals section.
Select Categories: Choose which product categories to display.

The 3 Card product grid will appear to customers like this.

Product Slider

In the WooCommerce Theme Product Slider includes navigation arrows that allow customers to slide through and explore more product options easily.

Product Slider:
Configurable by the admin using the options below:

Page Follow: Specify the page where the product slider will appear.
Section Title: Enter the title for the New Arrivals section.
Section Description: Provide a description for the New Arrivals section.
Select Categories: Choose which categories to feature in the New Arrivals section.
Number of Products: Define how many products to display in the New Arrivals section.

The Product Slider will appear to customers like this.

Feature Product Slider

Featured Product slider displays product images, allowing customers to browse through multiple options by clicking the arrow buttons.

The admin can configure the slider using the following options:

Specify the page that will display the product slider.
Section Title: Enter a title for the New Arrivals section.
Section Description: Add a brief description for the New Arrivals section.
Select Categories: Choose the product categories to showcase.
Number of Products: Set the number of products to display.
Banner Image: Upload the banner image using the upload button.

The Feature Products Slider will appear to customers like this.

Product Reviews

This section displays customer-shared reviews for all products, allowing users to view feedback and experiences from other buyers.

Product Reviews:
The admin can configure this section using the following options:

Page Follow: Specify the page where the product reviews component will appear.
Section Title: Enter a title for the Product Reviews section.
Select Categories: Choose the product categories to display in the reviews section.
Number of Products: Define how many products to show in the Product Reviews section.

The Product Reviews will appear to customers like this.

4-Card Product Grid

The 4-card product grid displays four products per row, showing four at a time.

4-Card Product Grid:
The admin can configure this section using the following options:

Specify the page that will display the product grid.
Section Description: Add a description for the New Arrivals section.
Select Categories: Choose the product categories to showcase in the New Arrivals section.

The 4 Card Product Grid will appear to customers like this.

Static_page

The Ethereal theme lets you create static pages with custom HTML and CSS code.

Admins configure Static Page settings with these options:

Page Follow: Specify the name of the page this static page should follow.
Content: Add the required content or custom code based on the page’s purpose.
Custom CSS: Enter any custom CSS for styling this static page in the provided text box.

shown in the image below.

The image below illustrates how the static page will appear to the customer.

Theme Option – Shop Page

The Shop Page includes social media links that need to be configured by the admin:

Enable: Toggle to show or hide social media links.
Social Media Links: Add the URLs for platforms such as Instagram, LinkedIn, Twitter, Facebook, and YouTube.

Once all changes are made, click Save Changes to apply them.

The Social Icons will appear to customers like this.

1. Promotional Icons

The admin needs to configure the Promotional Icons section:

Enable: Toggle to show or hide promotional icons.
To add a new promotional icon, click the “+ Add” button, then enter the following details:

After filling in the required information, click Save Changes to apply the updates.

shown in the below images.

Promotional link will be shown to the customer like this.

2. Payment Gateways Icons

Payment Gateway Icons can be configured with the following options:

Enable: The admin can toggle this option to show or hide the payment gateway icons.
To add a payment gateway, click the “+ Add” button and provide the following details:
- Logo
- Payment Gateway Name
- Payment Gateway URL

The admin can repeat this process to add multiple payment gateway icons to the page. Shown in the image below.

This is how the Ethereal theme displays payment gateway options to customers.

3. Quick View

Quick View: This option allows you to enable or disable the Quick View feature on the Shop page. When enabled, users can preview product details without navigating away from the page.

The image below demonstrates this feature.

4. Mini Cart

Mini Cart: The admin can configure the Mini Cart using the following options:

Enable/Disable: Toggle the Mini Cart visibility on the Shop page. Disabling it will hide the Mini Cart.
Product Count: Enter the number of products to display in the Mini Cart on the Shop page.
Display Type: Select the type of products that should appear in the Mini Cart.