Loading
به اکومال خوش آمدید
قالب فروشگاهی حرفه ای وردپرس
این صفحه در حال بروزرسانی می باشد

مقدمه

از شما برای خرید تم ما سپاسگزاریم. در این سند، ما انواع اطلاعات خوب را با تمام جزئیاتی که برای استفاده از قالب ما نیاز دارید ارائه می دهیم. امیدواریم از کار با قالب ما لذت ببرید. اگر به کمک بیشتری نیاز دارید، لطفاً از طریق پنل کاربری خود در راستچین یک تیکت ارسال کنید.

قبل از شروع

اگر با وردپرس آشنایی ندارید، لطفاً قبل از استفاده از قالب ما با آن آشنا شوید. در اینجا چند لینک وجود دارد که به شما کمک می کند تا با وردپرس آشنایی بیشتری داشته باشید:

نیازمندی ها و سازگاری

نیازمندی ها

برای اجرای وردپرس هاست شما فقط به چند چیز نیاز دارد:

سازگاری

قالب ما با مرورگرهای زیر سازگار است:

نصب

با استفاده از بسته نصب آسان

با استفاده از بسته نصب آسان قالب اکومال، می توانید در عرض چند دقیقه وبسایت خود را بسازید و دموی اکومال را درون ریزی کنید. برای این منظور کافی است فایل های پوشه Easy Install را در هاست خود بارگذاری کرده و سپس به آدرس https://YOURDOMAIN.COM/installer.php بروید.

نکته قابل توجه این است که قبل از شروع به کار می بایست در هاست خود یک پایگاه داده ایجاد کرده و برای آن یک کاربر تعریف کنید. لینک های زیر آموزش های مفیدی در اختیار شما قرار می دهد.

افزونه های ضروری

پس از نصب قالب شما ممکن است با اعلان نصب افزونه های ضروری مواجه شوید. برای این منظور از مسیر نمایش > نصب افزونه ها بروید و افزونه های ضروری را نصب و فعال نمایید.

Install Required Plugins
یادآوری
  • شما افزونه رولوشن اسلایدر (Revolution Slider) را مستقیماً نخریده اید بنابراین نمی توانید آن را مستقیماً بروزرسانی کنید
  • همچنین توصیه نمی شود افزونه های نصب شده روی سایت را بروزرسانی کنید قبل از آنکه قالب را بروزرسانی کرده باشید. همواره توصیه می کنیم لیست تغییرات قالب را در سایت راستچین بررسی کنید تا از پشتیبانی کردن افزونه ها مطمئن شوید.

محتوای آزمایشی (دمو)

پس از نصب قالب بصورت پیشفرض محتوای آزمایشی برروی سایت شما نصب خواهد شد که می توانید بر اساس نیاز و سلیقه خود آنها را ویرایش کنید. محتوا های آزمایشی شامل پست های وبلاگ، دسته بندی ها، صفحات، محصولات و دیگر موارد است.

بروزرسانی قالب

قالب فارسی اکومال دارای بروزرسانی رایگان و نامحدود است. پس از انتشار نسخه جدیدی از قالب انگلیسی، تیم ما بر روی تغییرات بررسی های لازم را انجام داده و فایل بروزرسان قالب را از طریق پنل کاربری راستچین برای خریداران ارسال خواهد کرد.

گزینه های قالب

پس از نصب، فعالسازی قالب و همچنین فعالسازی لایسنس راستچین، گزینه های قالب برای شما فعال خواهد شد که تمام موارد قالب را می توانید ویرایش کنید. برای این منظور می توانید به مسیر منوی مدیریت > نمایش > گزینه های قالب بروید.

گزینه های قالب شامل موارد زیر است:

  • عمومی: تعریف لوگو و دیگر موارد عمومی سایت
  • طرح رنگی: مدیریت رنگبندی سایت
  • تایپوگرافی تغییر فونت و اندازه فونت سایت
  • هدر: تنظیم چیدمان سربرگ (هدر) سایت، مسیر راهنما و دیگر موارد سربرگ
  • فوتر: انتخاب بلوک های فوتر برای نمایش در سایت
  • منو: تنظیمات منوی سایت
  • وبلاگ: تنظیم چیدمان صفحه وبلاگ و نمایش/مخفی کردن المان های وبلاگ
  • ووکامرس: برخی تنظیمات عمومی ووکامرس نظیر جستجوی Ajax ، خرید سریع، برچسب محصولات و غیره
  • فروشگاه/دسته بندی محصول: تنظیم صفحه فروشگاه و صفحه دسته بندی محصولات
  • جزئیات محصول: تنظیمات مربوط به صفحه محصول(تکی)
  • کد سفارشی: اضافه کردن کد های سفارشی javascript و css
  • درون ریزی/برون ریزی: تهیه نسخه پشتیبان و درون ریزی آن از تنظیمات گزینه های قالب
Theme Options

ابزارک ها و سایدبارها

برای تنظیم ابزارک ها و ساید بار ها می توانید به مسیر نمایش > ابزارک ها از منوی مدیریت وردپرس بروید و تنها با درگ کردن ابزارم مدنظر به داخل سایدبار، آنها را ویرایش و تنطیم کنید.

قالب اکومال دارای 12 ابزارک اختصاصی و 6 نوع سایدبار می باشد که شما می توانید به راحتی سایدبار سفارشی خود را نیز اضافه کنید.

اضافه کردن سایدبار جدید

برای اضافه کردن سایدبار جدید:
  1. در ویرایشگر ابزارک ها، به پایین اسکرول کنید
  2. در سمت جپ صفحه، فرمی برای ایجاد سایدبار مشاهده می کنید.
  3. نام سایدبار مورد نظر را وارد کرده و بر روی دکمه سایدبار جدید کلیک کنید.
برای حذف سایدبار: کافی است روی آیکن سطل زباله در سایدبار کلیک کنید.
Widget Area

ناحیه ابزارک فیلتر

این ناحیه ابزارک به شما امکان اضافه کردن فیلتر در صفحه فروشگاه را مطابق تصویر می دهد.

Product Category Filter

به مسیر نمایش > ابزارک ها بروید و ابزارک مورد نظر را درون ناحیه ابزارک فیلتر درگ کنید.

Product Category Filter

اگر می خواهید این ناحیه را غیرفعال کنید می توانید به مسیر گزینه های قالب > فروشگاه/دسته بندی محصول بروید.

اضافه کردن لوگو و فاوآیکن

مراحل زیر را برای انتخاب لوگو و فاوآیکن دنبال کنید:

  1. به مسیرنمایش > گزینه های قالب و سپس سربرگ عمومی بروید.
  2. گزینه لوگو و فاوآیکن را پیدا کنید.
  3. بر روی دکمه آپلود کلیک کرده و فایل مورد نظر را انتخاب کنید.
Logo & Favicon
در نظر داشته باشید گزینه لوگو در (گزینه های صفحه) نیز وجود دارد که با لوگوی قالب جایگزین می شود.

تنظیمات هدر

برای تنظیم کردن هدر به مسیر نمایش > گزینه های قالب > هدر بروید تا بتوانید چیدمان هدر، سبک آن و همچنین مسیر راهنمای بالای سایت را مدیریت کنید.

چیدمان هدر

اکومال بصورت پیشفرض دارای 6 نوع سربرگ از پیش طراحی شده است که می توانید یکی از آنها را انتخاب کنید.

همچنین می توانید سربرگ های متفاوتی را برای صفحات خاصی انتخاب کنید. (قسمت گزینه های صفحه) را مشاهده کنید.

Header Layout

Breadcrumb

Ecomall comes with 3 different breadcrumb layouts. Just choose one of our breadcrumb layouts for your site.

You can also choose the breadcrumb layout for individual pages (see Page Options).

Header Breadcrumb

Other Options

  • Header Notice: add notice or information to header
  • Sticky Header: Show header when scrolling down
  • Search: Show the search bar
  • Wishlist: Show the wishlist icon/link
  • Header Currency: Show multi-currency switcher
  • Header Language: Show multi-language switcher
  • My Account: Show the login form/my account link
  • Shopping Cart: Show cart on header
  • Shopping Cart Sidebar: Show cart in a sidebar when clicking on cart
  • Add To Cart Effect: Show a popup or image flies to cart after adding a product to cart
  • Today's Deal: Add a link to header
  • Hotline: Add phone nunber to header
  • Header Social Icons: Add social icons to header
Header Other Options

Header Customization

If you want to customize the theme, you should create the child theme before making any changes.

You can find the sample child theme package (the ecomall-child.zip file) in your downloaded file (you have to download All files & documentation).

Follow the steps below to override header template:

  1. Create the templates > headers folders in the child theme folder
  2. Copy the template file from the parent theme folder to the child theme folder
  3. Edit the template file in the child theme folder
Header Customization

Pages

Ecomall is built based on the Elementor plugin and powerful Page Options which help you build any kinds of pages. The following sections will explain how to create a new page.

Create A New Page

Follow the steps below to create a new page:

  1. In admin panel, go to Pages and click on the Add New button
  2. Input the page title and page content
  3. On the Page Attributes section, choose the page template from dropdown list
  4. Scroll down and find the Page Options section, make some configurations for your page
Create A New Page

Page Options

In the page editor (You Edit Page, not Edit with Elementor), you will see the Page Options section at the bottom of editor. It will help you create many kinds of pages.

After changing Page Options, you can switch to Elementor and continue editing page content.

Page Options

Some options will override the options in Theme Options. Select Default if you want to use your global settings.

Home Pages

Setting up a home page

  1. In admin panel, you go to Settings > Reading.
  2. You choose the A static page(select below) option.
  3. Select a page from dropdown list of the Homepage option.
Reading Settings

Blog

Ecomall supports 5 post formats: Standard, Audio, Gallery, Quote and Video. They will help you easily make a microblogging website.

Create A New Post

Follow the steps below to create a new post:

  1. Go to Posts
  2. Click on the Add New button
  3. Input the post title and post content
  4. Choose the post format and category on the right hand side
  5. Scroll down and find the Post Options section, make some configurations for your post
Create A New Post

Post Options

In the post editor, you will see the Post Options section at the bottom of editor. It will help you create different layouts for different posts. Also, if you set the post format to Video or Audio, you will input your Video or Audio URL here.

Post Options

Blog Page

Follow the steps below to set up a Blog page:

  1. You create a new page
  2. Input the page title. You don't need to input the content
  3. On the Page Attributes section, set Tempate to Blog Template
  4. Save your page
Please note that:
  • If you use Blog Template, you will configure your blog layout in the Page Options section.
  • If your homepage displays the latest posts (setup in Settings > Reading), you will configure your blog layout in Theme Options > Blog tab.
  • You use the TS Blogs elementor element to display your blogs in the masonry layout.
  • If you use Gutenberg, you click on template name in the right sidebar to show dropdown of templates.

Elementor

Elementor will help you manage your content at the WordPress sites and build any layout you can imagine in a few minutes without coding. You can watch tutorial video to get started.

How to add new element

To use Elementor, you click the Edit with Elementor button

Edit with Elementor

It will change to the Elementor editor as below

Elementor Editor

Then, you choose an element, drag and drop it from the left panel to the right panel

Elementor Add Element

Enable Flex Container

Enable/Disable Flexbox Container feature: In admin panel, you go to Elementor > Settings, choose tab Features.

Now, you can see the Flexbox Container option, you enable/disable it by changing the dropdown value

Elementor Flex Container
If you have any Elementor page set up already. Please read our note carefully:

Flex Container will be changed your HTML source code. So please make sure you've a backup of your page.

There are 2 ways to convert your Elementor page:

  1. Convert the whole page: Edit your page, using Edit with Elementor. You click in the gear icon at the bottom left corner of left sidebar. You will see the convert button here.
  2. Convert section by section: Edit your page, using Edit with Elementor. Edit section, in the left sidebar you will see the convert button for each section.
Convert to flexbox

 

If you don't know how to backup your page. You can following our instruction: You edit your page with Elementor. You click in the arrow icon beside the Update button at the bottom of left sidebar. Now you can save your page as template. So you can recover your page any time.

Edit Responsive Breakpoints

To make your page beautiful in any device. You can add/edit/remove breakpoints.

Edit any page with Elementor. In the top of left sidebar, you click Menu Icon > Site Settings > Layout.

In the Breakpoints section, you can make some changes.

TS Elements

All our elements are in the TS Elements section (with the TS prefix). Below explains about them.

Below is html of Mailchimp form which is used for our demo

For product, you should use our product elements instead of WooCommerce elements. Because there are many options to display your products.

Revolution Slider

Ecomall includes the popular Revolution Slider Created By ThemePunch. This slider is 100% responsive and has many amazing options. In the following sections, you will know how to add a new slider and how to show it on frontend. This is its own documentation. You can read to get more information.

Please note that you don't directly purchase the Revolution Slider plugin. So you can not update it by yourself. It is also not recommended. When it has a new version, we will be careful to test and release the new theme version. If you see the notification below, you can dismiss it.

Revolution Slider Notification

Create A New Revolution Slider

Create A New Revolution Slider

 

Follow the steps below to add a new slide to your sliders:

  1. Hover on Slides > Add Slide(s) on the top bar
  2. Choose one of the listed options below
    • Blank Slide: add a new Slide without any predefined content
    • Bulk Slide: add more than one Slide at a time with predefined background images
    • Import from Modules: add a Slide from Modules
    • Import from Template: add a Slide from the Template Library
Add Slides To Revolution Slider

Using Revolution Slider

There are three ways to use Revolution Slider

Assign a slider from the Page Options section

  1. Create or edit a page
  2. Find the Page Options section below
  3. Set the Page Slider option to Revolution Slider
  4. Finally, you choose a slider from the Select Revolution Slider option
Assign A Revolution Slider From Page Options

 

Add slider from Elementor editor

  1. You switch to the Elementor editor
  2. You find the Revolution Slider element and add it to page content
  3. Finally, you choose a slider

Use the slider shortcode

  1. You go to the Slider Revolution page
  2. Click to edit a slider and find the shortcode in the Module Naming box
  3. Copy the shortcode and paste into the Elementor Shortcode element

WooCommerce

Ecomall theme is fully compatible with the latest version of the WooCommerce plugin. We customized and added many features, shortcodes and widgets for this plugin. In the following sections, you will know how to install and set up the WooCommerce plugin. You can also refer WooCommerce Documentation to get more information.

Install WooCommerce

There are 2 ways to install WooCommerce

  1. After activating our theme, you go to Appearance > Install Plugins. You install WooCommerce from the required plugins list.
  2. Install WooCommerce from the Plugins page
Install WooCommerce
Install WooCommerce
You should install WooCommerce from the required plugins list. Because we tested that version and it is compatible with the current theme version. To make sure our theme is compatible with the new version of WooCommerce, you should see our changelog or contact us.

Adding WooCommerce Pages

After activating the WooCommerce plugin, WooCommerce will automatically create its pages. In case you don't have WooCommerce pages or deleted them, you can add them by using shortcodes. You can get shortcodes here

Setting Up WooCommerce

To set up WooCommerce, you go to WooCommerce > Settings in admin panel.

Currency Options

  1. In WooCommerce Settings page, you select the General tab
  2. You find the Currency Options section and configure your currency

List of currencies that you can choose

Currency Options
You can also add a custom currency symbol. Please refer this article.

Page Settings

After you create WooCommerce pages. You will go to the Settings page to assign them.

  • To assign the Shop page, you select the Products tab
  • To assign the My Account, Cart and Checkout pages, you select the Advanced tab
Setting Pages

Registration Options

You also make sure that you allow your customers to register on your site. You select the Accounts & Privacy tab and find the Account creation section as the screenshot.

Registration Options

Product Image Sizes

  1. You go to Appearance > Customize > WooCommerce > Product Images. You configure your product image size in there
  2. Our default demo is configured as the screenshot

Adding Product

Follow the steps below to add a new product

  1. In admin panel, you go to Products and click the Add New button
  2. Input the product title and product content
  3. Select Product Category, Product Tag
  4. Add Featured Image and Product Gallery
  5. In the Product Options section, you can override some options in Theme Options
  6. Next is the Product Data section. This is where the majority of the product data is configured
Adding Product

Product Options

With this section, you can:

  • Override some options in Theme Options
  • Set layout, breadcrumb background image for individual products
  • Add a video for product
  • Add images for the 360 degree feature
  • Add product specifications
Product Options

Product Data

You should also read WooCommerce Documentation to get more details. We only have some notes that we think you need to know.

Product Data Product Data - Shipping Tab
  1. Adding a product on sale and a deal:
    • With the Simple Product, you select the General tab. You add a Sale Price and click the Schedule button to set up date.
    • With the Variable Product, after setting up Product Attributes in the Attributes tab, you go to the Variations tab and add New Variation. With each Variation, you also click the Schedule button next to the Sale Price field to set up date. Please note that product only displays the time of the first Variation.
  2. Adding Additional Information: You go to the Shipping tab. You set value of Weight and Dimensions options. You can change unit by going to WooCommerce > Settings > Products tab
  3. Enable/Disable Product Review: You go to the Advanced tab. You will see the Enable reviews option. Just check/uncheck it. If you want to disable the Reviews tab, you go to WooCommerce > Settings > Products > General and disable the Enable product reviews option or follow this article.

Translations

Ecomall is ready to translate by using the po file. If you want to build a multilingual site, you need to use the WPML plugin. Our theme does not include the WPML plugin. It is only compatible with the WPML plugin. You have to buy a license for this plugin.

Using Po File

There are 2 ways to create and edit the po file

  1. Use the Poedit software and refer this document
  2. Use a translation plugin, such as Loco Translate plugin
Please note that:
  • You have to generate the mo file after translating
  • You have to set your language in Settings > General. It is the Site Language option

Using WPML

In this section, you will know how to build a multilingual website by using the WPML plugin. All the information needs to get started and use it is on the WPML.org page.

Below are some reference links:

Installing and Setting Up the WPML plugin

You need to install a recent version of WPML, including the String Translation, Translation Management and CMS Navigation modules. After installing these plugins, you set up Languages from WPML > Languages and translate your content.

Showing language switcher dropdown style on header

You go to WPML > Languages. You enable the Custom language switchers option. Then, you click the Customize button. A popup will appear. You change the Language switcher style option to Dropdown or Dropdown click.

Dropdown Style

Translating Pages and Posts

Go to Pages and pick a page for translation. Click on the plus icon. If the page is already translated, the plus icon will be replaced by the pen icon.

Translating pages

WPML actually creates a new WordPress page, linked to the original one. In this new page, you can add new content as you normally do. You can also keep the original content, just translate into the new language.

Translating Categories

To translate a category, click on the language which you want to translate it and then add a new category. Make sure the new category is linked to an original category.

Translating categories

Translating Menus

You go to Appearance > Menus. Just add a new menu. You select the language and the original menu which links to the new menu.

Translating menus

WPML can synchronize menus for you. This means that WPML can generate and keep in sync menus for other languages pointing to the translated versions of the pages, posts or categories.

Translating the theme and other texts

You go to WPML > String Translation. Find the text in the list and translate it. Please make sure you check the Translation is complete checkbox after translating.

String Translation

Sometimes, some texts can not be found. You need to go to WPML > Theme and Plugins localization. You scan Strings in the themes. Then, you go back to the String Translation page and find those texts again.