Ecomus Magento Theme Documentation for Magento 2 CE

Getting Started

Welcome to Ecomus Magento 2 Theme!

Firstly, a huge thanks for purchasing this theme, your support is truly appreciated!

This document covers the installation and use of this theme, reveals some answers to common problems and issues. We encourage you to read throughout this document if you are experiencing any difficulties. If you have any questions that are beyond the scope of document, please feel free to contact us via our Support Tickets System

Compatible with Magento

Ecomus Magento Theme is fully compatible with Magento Community Edition version 1.9.x, 2.1.x, 2.2.x, 2.3.x, 2.4.x.
Note: If you are using an older version (Magento 1.9.x only), you should not upgrade to the latest version. Because we changed layout's structure in many parts (from version 4.4.0 - Example: We changed Camera slider module to static block...). We recommend you to install a new one.

Magento Information

To install this theme you must have a working version of Magento already installed. If you need help installing Magento, follow below sites and tutorials from magento.com, hope everything that you need are there.

System Requirements - Required system credentials for your magento installation.
Installation Guide - Installation guide that describes how to install magento2.
Online Magento 2 guide - Online magento documentation that describes about magento2 in detail.
Magento Forum - Magento forum site.
stackoverflow.com - You can also get some useful articles from stackoverflow.

Installation

Elasticsearch

As of Magento 2.4.0, MySQL is no longer used for search. You must use Elasticsearch. Magento supports Elasticsearch 7.6.x.

Note: Magento no longer supports Elasticsearch 2.x, 5.x, and 6.x.

Prepare Installation

There are two ways to install a Magento Theme:

Quickstart Installation: Suitable if you have your first installation and want to get a whole new fresh site as our Demo.
Manual Installation (including Theme Installation): Manual Installation (including Theme Installation): Suitable if your store is full with data/content (category, products...) that you don't want to overwrite.

Note:

To use magento 2.2.4+ most effectively we recommend using PHP 7.1

To use magento 2.3.x most effectively we recommend using PHP 7.1.3+

To use magento 2.4.x most effectively we recommend using PHP 7.4.0

Quickstart Installation

Magentech provides SM Quickstart package for each theme which aims to ease the installation for users. If you plan to start your site from the beginning, it will help you save much time of installing and configuring. Please follow steps below:

Video guide install Quickstart Magento 2.4 or later

Important: You must use the command line to install Magento 2.4+.

Step 1: Download the quickstart package named as sm_ecomus_quickstart_pl_m2.4.3_v9.3.1
Step 2: Upload and Extract the whole Quickstart package to your server. In Quickstart folder you will see the extracted folder that include all sample data. You can upload via FTP software or Cpanel.

unzip file.zip

Step 3: Create a Database for your Magento site

Important!
You need to remember the database name to use in the next steps
Step 4: Import database sample_data.sql under the folder sm_ecomus_quickstart_pl_m2.4.3_v9.3.1\data_quickstart
Note: Run this command mysql -u username -p database_name < sample_data.sql

Note: After that set file permissions by run these command:
chmod -R 777 pub
chmod -R 777 generated
chmod -R 777 var
chmod -R 777 app/etc
Step 5: Install Magento
This example assumes that the Magento install directory is named sm_ecomus, the db-host is on the same machine (localhost), and that the db-name, db-user, and db-password are all magento:

php bin/magento setup:install --base-url=http://192.168.1.220/ytc_templates/magento/sm_ecomus/pub --base-url-secure=https://192.168.1.220/ytc_templates/magento/sm_ecomus/pub --db-host=localhost --db-name=magento --db-user=magento --db-password=magento --admin-firstname=admin --admin-lastname=admin --admin-email=admin@admin.com --admin-user=admin --admin-password=admin123 --language=en_US --currency=USD --timezone=America/Chicago --use-rewrites=1 --backend-frontname="admin" --search-engine=elasticsearch7 --elasticsearch-index-prefix=ecomus

Messages similar to the following display to indicate a successful installation:
Post installation file permissions check...
For security, remove write permissions from these directories: '/var/www/html/ytc_templates/magento/sm_ecomus/app/etc'
[Progress: 274 / 274]
[SUCCESS]: Magento installation complete.
[SUCCESS]: Admin Panel URI: /admin_puu71q

Note: You can customize the Admin URI with the --backend-frontname option. However, we recommend omitting this option and allowing the installation command to automatically generate a random URI. A random URI is harder for hackers or malicious software to exploit. The URI displays in your console when installation is complete.
Step 6: Can't login to admin panel
When you login to admin will be display like this image:

Please open file app/etc/config.php and change 'Magento_TwoFactorAuth' => 1 to 'Magento_TwoFactorAuth' => 0

After that run these command:
1. php bin/magento setup:upgrade
2. php bin/magento setup:static-content:deploy -f
3. php bin/magento indexer:reindex
Step 7: Finally, permissions for the following folders by run these commands:
You can refer here: https://devdocs.magento.com/guides/v2.4/install-gde/composer.html
chmod -R 777 pub
chmod -R 777 generated
chmod -R 777 var
chmod -R 777 app/etc

Manual Installation

Important!

- We recommend you to duplicate your live store on a development store and try installation on it in advance.

- Backup magento files and the store database.

It's very important to backup all of themes and extensions in Magento before installation, especially when you are working on a live server. We strongly recommend you to do not omit this step.

- Note: Manual Installation can only import CMS Page and Static Block. Products, Categories, Megamenu may not display when you use Manual Installation, you need to configure manually (by yourself >> please read documentation carefully)

Step 1: Download Magento 2.4.x https://magento.com/tech-resources/download and install on your server.
Step 2: Then download 'sm_ecomus_theme_m2.4.x_v9.3.1.zip' file and upload to the root of your magento site folder on your server, after that unzip by command unzip name_file.zip.
Step 3: Active SM Extensions, open command line in folder root of magento and run commands via ssh using putty or others
php bin/magento setup:upgrade

Step 4: Run deploy command: php bin/magento setup:static-content:deploy -f

Finally, permissions for the following folders by run these commands:
chmod -R 777 pub
chmod -R 777 generated
chmod -R 777 var
chmod -R 777 app/etc

Step 5: Navigate to Content > Design > Configuration > Edit Default Store > Select "SM Ecomus" theme.

Important!
For Magento 2.2.4, 2.2.5: Something went wrong while saving this configuration: Area is already set. Don't worry, please click here to fix this issues
Step 5: Click "Save Configuarion" button to save your changes.
Step 6: Navigate to Stores>> Settings>> Configuration >> MAGENTECH.COM >> SM Ecomus >> Theme Installation. Press the buttons named 'Static Blocks' and 'Pages' to import all default blocks and pages. Click "Save Configuarion" button to save your changes.
Step 7: Click "Demo X" button to install any homepages that you prefer to install. After that, click "Save config" button on the top.

Note. Please remember that: If you have imported these Static Blocks, Pages successfully, you would have all blocks and pages provided with this theme and you do not need to create any static blocks or pages manually as the following instruction of this document.

Step 8: Flush Cache: After successfully import your demo, save Theme Settings and Design Settings and clear the cache by using this command as php bin/magento cache:flush in Command Prompt. Or you could go to System >> Tools >> Cache Management, click 'Flush Cache Storage' button to flush all the cache.
Step 9: Finally, go to front-end to view demo (example import demo 1).
Note: In front-end, you will see some extension don't display product as below image:
Because in some extension: SM Filter Products, SM Listing Tabs, you must change id of categories that you created.
Please go to Content >> Elements >> Pages >> Edit Homepage. In code content, search Filter product or Listing Tab module and change id of categories as below image: Note: How to know id of categories?
After created categories, please see below image:

Layout Position

Position Home page

Home Style 1

Note: In the NewFramework version (version 2.4) you can edit the content of all homepage (10+ homepages) in the CMS Page. Go to Admin Panel >> Content >> Elements >> Pages >> Edit Homepage. Right now, We use blocks in homepage you can edit it in Content >> Block >> Choose a block.

Homepage Configuration

In this part, we will show you how to edit content on homepage 1. Other homepages you will do the same

Edit Homepage

From the top menu, please select Content >> Elements >> Pages. Here you can find all the store pages that you have imported, so you don't need to add them. You only need to update the pages HTML and XML content as you wish.

Step 1. Open any of them in order to get the access to the content.

Step 2. Edit the content as you desire

Step 3. Press Save Page button to save your configuration

How to edit "Newsletter Popup" in homepage?

How to edit description?
To edit description, please go to Admin Panel > Content > Elements > Blocks > Search Identifier "newsletter-popup-description".
You can edit code HTML in your cms contents.

<p class="hdt-text hdt-s-text2 hdt-h5 hdt-font-normal">Wait! before you leave...</p>
<p class="hdt-text hdt-s-text2 hdt-base hdt-font-normal">Get 20% off for your first order</p>
  <div id="inviteCode" class="invite-page">
    <input id="link" value="CODE20OFF" readonly>
    <div id="copy">
      <i class="icon-copy" type="button" aria-hidden="true" data-copytarget="#link" data-toggle="tooltip" data-placement="top" title="Copy"></i>
    </div>
  </div>
<p class="hdt-text hdt-s-text2 hdt-base hdt-font-normal">Use above code to get 15% 0FF for your first order<br> when checkout</p>
<div class="hdt-flex hdt-align-center hdt-justify-center hdt-exit-btn">
<a href="{{store url="fashion.html"}}" target="_blank" class="hdt-btn hdt-text-base hdt-oh hdt-inline-flex hdt-align-center hdt-justify-center hdt-relative hdt-btn-solid hdt-font-semibold"><span>Grap the discount</span></a>
</div>

How to edit product?
To edit product, please go to Admin Panel > Content > Elements > Blocks > Search Identifier "product-sidebar".
You can edit code HTML in your cms contents.

<div class="products-sidebar">{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::list.phtml" title_module="Sale products" product_source="other_products" select_category="3" product_limitation="3" display_countdown="0"}}</div>

How to change background image?
To edit product, please go to Admin Panel > Content > Elements > Blocks > Search Identifier "newsletter-popup-image".

<img class="mark-lazy" src="{{media url=wysiwyg/newsletter/image-newsletter-popup.jpg}}" alt="" width="500" height="502" />

How to edit "Slideshow" in Homepage1?

Please go to Admin Panel > Content > Elements > Pages > Edit Homepage

{{block class="Magento\\Cms\\Block\\Block" block_id="slideshow1"}}

You can edit block "slideshow1" Admin Panel > Content > Elements > Block > "slideshow1" with code HTML in your cms contents.

<div class="slidershow">
  <div class="slidershow-type-1 hover-to-show">
    <div data-owl="owl-slider" data-autoplay="true" data-nav="false" data-dots="true" data-screen0="1" data-screen481="1" data-screen768="1" data-screen992="1" data-screen1200="1" data-screen1441="1" data-screen1681="1" data-screen1920="1" data-margin="1" data-autoplayhoverpause="true" data-loop="true" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">
      <div class="owl-carousel owl-theme">
        <div class="item">
          <a title="Slide 1" href="#">
            <img class="mark-lazy" src="{{media url=wysiwyg/slidershow/home-1/item-1.jpg}}" alt="Slider 1" width="1920" height="706" />
          </a>
	
          <div class="caption-panel">
            <p class="slide-text">Glamorous <br>Glam </p>
            <p class="slide-subtitle">From casual to formal, we've got you covered</p>
            <a class="button-link slide-btn button-link slide-btn hdt-btn hdt-inline-flex hdt-align-center hdt-justify-center hdt-relative hdt-btn-solid hdt-font-medium" href="#">
              <span>Shop collection</span>
<svg class="hdt-icon hdt-icon-1" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 64 64" fill="currentColor"><path d="M12,56.43,36.48,32,12,7.52,19.53,0,51.61,32,19.53,64Z"></path></svg>
            </a>
          </div>
	
        </div>
        <div class="item">
          <a title="Slide 1" href="#">
            <img class="mark-lazy" src="{{media url=wysiwyg/slidershow/home-1/item-2.jpg}}" alt="Slider 2" width="1920" height="706" />
          </a>
          
          <div class="caption-panel">
            <p class="slide-text">Simple<br>Style </p>
            <p class="slide-subtitle">From casual to formal, we've got you covered</p>
            <a class="button-link slide-btn button-link slide-btn hdt-btn hdt-inline-flex hdt-align-center hdt-justify-center hdt-relative hdt-btn-solid hdt-font-medium" href="#">
              <span>Shop collection</span>
<svg class="hdt-icon hdt-icon-1" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 64 64" fill="currentColor"><path d="M12,56.43,36.48,32,12,7.52,19.53,0,51.61,32,19.53,64Z"></path></svg>
            </a>
          </div>
		  
        </div>
        <div class="item">
          <a title="Slide 1" href="#">
            <img class="mark-lazy" src="{{media url=wysiwyg/slidershow/home-1/item-3.jpg}}" alt="Slider 3" width="1920" height="706" />
          </a>
         
          <div class="caption-panel">
            <p class="slide-text">Discreet <br>style </p>
            <p class="slide-subtitle">From casual to formal, we've got you covered</p>
            <a class="button-link slide-btn button-link slide-btn hdt-btn hdt-inline-flex hdt-align-center hdt-justify-center hdt-relative hdt-btn-solid hdt-font-medium" href="#">
              <span>Shop collection</span>
<svg class="hdt-icon hdt-icon-1" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 64 64" fill="currentColor"><path d="M12,56.43,36.48,32,12,7.52,19.53,0,51.61,32,19.53,64Z"></path></svg>
            </a>
          </div>
		 
        </div>
      </div>
      <div class="loading-content">
        <span class="hidden">Loading...</span>
      </div>
    </div>
  </div>
</div>

You can change slideshow image, banner image... by change link url. Example below image:

How to edit "Marquee - Category" in Homepage1?

To eidt the "Marquee - Category", please go to Admin Panel > Content > Elements > Block > Edit "id-1-block-1"
You can edit code HTML in your cms contents.


<div class="block-marquee">
<div class='marquee-with-options'>
		<div class="content">
		<div>
			<svg xmlns="http://www.w3.org/2000/svg" width="18" height="25" viewBox="0 0 18 25" fill="none">
			<path d="M18 10H10.6364L12.2727 0L0 15H7.36364L5.72727 25L18 10Z" fill="black"/>
			</svg>
			Spring Clearance Event: Save Up to 70%</div> <div>
			<svg xmlns="http://www.w3.org/2000/svg" width="18" height="25" viewBox="0 0 18 25" fill="none">
			<path d="M18 10H10.6364L12.2727 0L0 15H7.36364L5.72727 25L18 10Z" fill="black"/>
			</svg>
			Spring Clearance Event: Save Up to 70%</div>
			<div>
			<svg xmlns="http://www.w3.org/2000/svg" width="18" height="25" viewBox="0 0 18 25" fill="none">
			<path d="M18 10H10.6364L12.2727 0L0 15H7.36364L5.72727 25L18 10Z" fill="black"/>
			</svg>
			Spring Clearance Event: Save Up to 70%</div> <div>
			<svg xmlns="http://www.w3.org/2000/svg" width="18" height="25" viewBox="0 0 18 25" fill="none">
			<path d="M18 10H10.6364L12.2727 0L0 15H7.36364L5.72727 25L18 10Z" fill="black"/>
			</svg>
			Spring Clearance Event: Save Up to 70%</div>
			<div>
			<svg xmlns="http://www.w3.org/2000/svg" width="18" height="25" viewBox="0 0 18 25" fill="none">
			<path d="M18 10H10.6364L12.2727 0L0 15H7.36364L5.72727 25L18 10Z" fill="black"/>
			</svg>
			Spring Clearance Event: Save Up to 70%</div>
		</div>
		
	
	
	</div>
</div>
 <div class="block-categories mb-desktop-100 mb-mobile-50">
            <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-mobile-dots="false" data-screen0="2" data-screen481="2" data-screen768="2" data-screen992="3" data-screen1200="3" data-screen1441="3" data-screen1681="3" data-screen1920="3" data-margin="30" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">
{{block class="Sm\Categories\Block\Categories" template="Sm_Categories::default-slider.phtml" title_module="SHOP BY CATEGORIES" select_category="4,5,6,7,8" limitation="5" link_href="fashion.html"}}
            </div>
        </div>

You can change categories to show in module SM Category by change id of categories. Example below image:

How to edit "Best Seller - Lookbook - Happy Clients - Brands - Shop Gram" in Homepage1?

To edit the blocks, please go to Content >> Elements >> Block >> Choose block "id-1-block-2".

You can edit code HTML in your cms contents.

<div class="container">
<div class="mb-desktop-120 mb-mobile-60">
{{block class="Sm\FilterProducts\Block\FilterProducts" name="filterproducts" template="Sm_FilterProducts::default.phtml" title_module="Best Seller" prev_text="Shop the Latest Styles: Stay ahead of the curve with our newest arrivals" display_countdown="0" product_source="lastest_products" product_limitation="8" select_category="3" view_link="fashion.html" load_more_ajax="1"}}
</div>
</div>
<div class="lookbook1">
<div class="block-title">
<strong>Shop the look</strong>
Inspire and let yourself be inspired, from one unique fashion to another.				            
</div>
<div class="row m-0 mb-desktop-80 mb-mobile-60">
<div class="col-md-6 p-0">
{{widget type="Coduzion\Lookbook\Block\Widget\LookbooksList" title="Lookbook Home 1 box1" added_time="1721124995" template="Coduzion_Lookbook::lookbook/widget/content/banner.phtml" conditions_encoded="^[`1`:^[`type`:`Coduzion||Lookbook||Model||Rule||Condition||Combine`,`aggregator`:`all`,`value`:`1`,`new_child`:``^],`1--1`:^[`type`:`Coduzion||Lookbook||Model||Rule||Condition||Lookbook`,`attribute`:`lookbook_id`,`operator`:`==`,`value`:`1`^]^]"}}
</div>
<div class="col-md-6 p-0">
{{widget type="Coduzion\Lookbook\Block\Widget\LookbooksList" title="Lookbook Home 1 box2" added_time="1721125190" template="Coduzion_Lookbook::lookbook/widget/content/banner.phtml" conditions_encoded="^[`1`:^[`type`:`Coduzion||Lookbook||Model||Rule||Condition||Combine`,`aggregator`:`all`,`value`:`1`,`new_child`:``^],`1--1`:^[`type`:`Coduzion||Lookbook||Model||Rule||Condition||Lookbook`,`attribute`:`lookbook_id`,`operator`:`==`,`value`:`2`^]^]"}}
</div>
</div>
</div>
<div class="container">
<div class="product-top-home hidden-action-cart hidden-title slidershow-type-1 absolute-nav nav-style-4  hover-to-show mb-desktop-75 mb-mobile-50">
     <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-mobile-dots="true" data-screen0="1" data-screen481="2" data-screen768="3" data-screen992="3" data-screen1200="3" data-screen1441="3" data-screen1681="3" data-screen1920="3" data-margin="30" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">
	{{block class="Sm\FilterProducts\Block\FilterProducts" title_module="Happy Clients" prev_text="Hear what they say about us" template="Sm_FilterProducts::list-slider.phtml" product_source="other_products" select_category="3" product_limitation="4" display_countdown="0"}}
	</div>
</div>
</div>
<div class="container">
<div class="block-home brand-slider nav-style-1 mb-desktop-80  mb-mobile-50 absolute-nav hover-to-show">
  <div data-owl="owl-slider" data-autoplay="false" data-nav="false" data-dots="false" data-screen0="2" data-screen481="3" data-screen768="4" data-screen992="5" data-screen1200="5" data-screen1441="6" data-screen1681="6" data-screen1920="6" data-margin="0" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true" data-mobile-dots="true">
    <div class="owl-carousel owl-theme">
      <div class="item">
        <a title="Brand" href="#">
          <img class="mark-lazy" src="{{media url=wysiwyg/brand/1.png}}" alt="Brand" width="398" height="164">
        </a>
      </div>
      <div class="item">
        <a title="Brand" href="#">
          <img class="mark-lazy" src="{{media url=wysiwyg/brand/2.png}}" alt="Brand" width="398" height="164">
        </a>
      </div>
      <div class="item">
        <a title="Brand" href="#">
          <img class="mark-lazy" src="{{media url=wysiwyg/brand/3.png}}" alt="Brand" width="398" height="164">
        </a>
      </div>
      <div class="item">
        <a title="Slide 1" href="#">
          <img class="mark-lazy" src="{{media url=wysiwyg/brand/4.png}}" alt="Brand" width="398" height="164">
        </a>
      </div>
      <div class="item">
        <a title="Brand" href="#">
          <img class="mark-lazy" src="{{media url=wysiwyg/brand/5.png}}" alt="Brand" width="398" height="164">
        </a>
      </div>
      <div class="item">
        <a title="Brand" href="#">
          <img class="mark-lazy" src="{{media url=wysiwyg/brand/6.png}}" alt="Brand" width="398" height="164">
        </a>
      </div>
     
    </div>
  </div>
</div>
</div>

 {{block class="Magento\Cms\Block\Block" block_id="block-shop-gram"}}
<div class="container">
 {{block class="Magento\Cms\Block\Block" block_id="block-policy-shop1"}}

</div>

How to edit "Footer" from Homepage?

Please Edit/Change Footer in the file: /app/design/frontend/Sm/ecomus/Sm_Ecomus/templates/html/footer-style/footer-1.phtml. We created some blocks here: "footer-1-contact", "footer-1-help", "footer-1-userlink", "footer-1-newsletter". You can edit it in the backend Admin Panel > Content > Elements > Blocks > Add new block with Identifier "footer-1-contact".

Please use code block "footer-1-contact"

<div class="ft-logo">
<a href="/">
 <img class="mark-lazy" src="{{media url=wysiwyg/logo-black2.svg}}" alt=""  />
</a>
</div>
<div class="contact-tag-list">
  <p>Address: 1234 Fashion Street, Suite 567,</p>
  <p>New York, NY</p>
  <p>Email: <strong>info@fashionshop.com</strong>
  </p>
  <p>Phone: <strong>(212)555-1234</strong>
  </p>
</div>
<div class="footer-button">
  <a href="{{store url="contact"}}" class="ft-direction">
    <span>Get direction</span>
    <svg class="hdt-icon hdt-icon-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 64 64" fill="currentColor">
      <path d="M6.89,64,0,57.11,47.26,9.85H4.92V0H64V59.08H54.15V16.74Z"></path>
    </svg>
  </a>
</div>
<ul class="ft-socials-list">
  <li>
    <a href="http://www.facebook.com/MagenTech/" class="hdt-social-facebook hdt-flex hdt-align-center hdt-justify-center" aria-describedby="a11y-external-message">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
        <path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
      </svg>
      <span class="sr-only">Facebook</span>
    </a>
  </li>
  <li>
    <a href="https://twitter.com/MagenTech" class="hdt-social-twitter hdt-flex hdt-align-center hdt-justify-center" aria-describedby="a11y-external-message">
      <svg viewBox="0 0 512 512">
        <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path>
      </svg>
      <span class="sr-only">Twitter</span>
    </a>
  </li>
  <li>
    <a href="https://www.instagram.com/magentech8888" class="hdt-social-instagram hdt-flex hdt-align-center hdt-justify-center" aria-describedby="a11y-external-message">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
        <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
      </svg>
      <span class="sr-only">Instagram</span>
    </a>
  </li>
  <li>
    <a href="https://www.linkedin.com/in/magentech" class="hdt-social-tiktok hdt-flex hdt-align-center hdt-justify-center" aria-describedby="a11y-external-message">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
        <path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"></path>
      </svg>
      <span class="sr-only">TikTok</span>
    </a>
  </li>
  <li>
    <a href="https://pinterest.com/shopify" class="hdt-social-pinterest hdt-flex hdt-align-center hdt-justify-center" aria-describedby="a11y-external-message">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
        <path d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"></path>
      </svg>
      <span class="sr-only">Pinterest</span>
    </a>
  </li>
</ul>

Please use code block "footer-1-help"

	
<div class="footer-block">
	<div class="footer-block-title">Help </div>
	<div class="footer-block-content">
		<ul class="links-footer">
			<li>
				<a href="#">Privacy Policy</a>
			</li>
			<li>
				<a href="#">Returns + Exchanges</a>
			</li>
			<li>
				<a href="#">Shipping</a>
			</li>
			<li>
				<a href="#">Terms & Conditions</a>
			</li>
			<li>
				<a href="{{store url="faqs-01"}}">FAQ’s</a>
			</li>
			<li>
				<a href="{{store url="catalog/product_compare"}}">Compare</a>
			</li>
			<li>
				<a href="{{store url="wishlist"}}">My Wishlist</a>
			</li>
		</ul>
	</div>
</div>

Please use code block "footer-1-userlink"

	
<div class="footer-block">
	<div class="footer-block-title">Useful Links</div>
	<div class="footer-block-content">
		<ul class="links-footer">
			<li>
				<a href="{{store url="our-store"}}">Our Story</a>
			</li>
			<li>
				<a href="store-locations">Visit Our Store</a>
			</li>
			<li>
				<a href="{{store url="contact"}}">Contact Us</a>
			</li>
			<li>
				<a href="{{store url="about-us"}}">About Us</a>
			</li>
			<li>
				<a href="{{store url="customer/account"}}">Account</a>
			</li>
		</ul>
	</div>
</div>

Please use code block "footer-1-newsletter"

	
<p class="text-newsletter">Sign up to get first dibs on new arrivals, sales, exclusive content, events and more!</p>
{{block class="Magento\Newsletter\Block\Subscribe" template="subscribe-footer.phtml"}}

How to edit "Copyright" in the footer?

To edit copyright, in admin panel please go to Store >> Configuarion >> Theme Core Configuarion >> Advanced >> Copyright tab and edit in here.

How to edit "About Us " page in the homepage?

To edit "About us" page, please go to Admin Panel > Content > Elements > Pages > Search with URL key "about-us".
You can edit code HTML in your cms contents.

<div class="hero-image">
   <picture class="hdt-media-wrapper">
      <img class="mark-lazy" src="{{media url=wysiwyg/about-us/img1.jpg}}" alt="" width="2000" height="1262" on-eff="ambient" is="hdt-effect" />
      <h2 class="hero-image-heading">Empowering women to achieve <br class="hdt-hidden lg:hdt-block"> fitness goals with style </h2>
   </picture>
</div>
<div class="hdt-section-spacing">
   <div class="container">
      <div class="hdt-row-grid">
         <h2 class="hdt-s-text hdt-h4">We are Ecomus</h2>
         <p class="hdt-s-text2 hdt-text-h6">Welcome to our classic women's clothing store, where we believe <br class="hdt-hidden lg:hdt-block"> that timeless style never goes out of fashion. Our collection features classic <br class="hdt-hidden lg:hdt-block"> pieces that are both stylish and versatile, perfect for building a <br class="hdt-hidden lg:hdt-block"> wardrobe that will last for years. </p>
      </div>
   </div>
</div>
<div class="hdt-section-spacing pt-desktop-100 pb-desktop-78">
   <div class="container">
      <div class="row align-items-center">
         <div class="col-lg-6 col-md-6">
            <a href="#" class="banner-image-effect1">
            <img class="mark-lazy full-width" src="{{media url=wysiwyg/about-us/abu1.jpg}}" alt="" width="705" height="586" />
            </a>
         </div>
         <div class="col-lg-6 col-md-6" style="display: grid;">
            <div class="hdt-content">
               <h2 class="hdt-heading">Established - 1995</h2>
               <p class="hdt-subheading" hdt-reveal="slide-in" timeline="" observed="" animationend="" style="--animation-order: 1;">Ecomus was founded in 1995 by Jane Smith, a fashion lover with a <br class="hdt-hidden lg:hdt-block"> passion for timeless style. Jane had always been drawn to classic <br class="hdt-hidden lg:hdt-block"> pieces that could be worn season after season, and she believed that <br class="hdt-hidden lg:hdt-block"> there was a gap in the market for a store that focused solely on classic <br class="hdt-hidden lg:hdt-block"> women's clothing. She opened the first store in a small town in New <br class="hdt-hidden lg:hdt-block"> England, where it quickly became a local favorite. </p>
            </div>
         </div>
      </div>
   </div>
</div>
<div class="hdt-section-spacing pb-desktop-100 pt-desktop-78">
   <div class="container">
      <div class="row align-items-center">
         <div class="col-lg-6 col-md-6" style="display: grid;">
            <div class="hdt-content">
               <h2 class="hdt-heading">Our mission</h2>
               <p class="hdt-subheading hdt-text-base hdt-s-text2" hdt-reveal="slide-in" timeline="" observed="" animationend="" style="--animation-order: 0;">Our mission is to empower people through sustainable fashion.<br class="hdt-hidden lg:hdt-block">
                  We want everyone to look and feel good, while also doing our part to<br class="hdt-hidden lg:hdt-block"> help the environment.We believe that fashion should be stylish,<br class="hdt-hidden lg:hdt-block"> affordable and accessible to everyone. Body positivity and inclusivity<br class="hdt-hidden lg:hdt-block"> are values that are at the heart of our brand.
               </p>
            </div>
         </div>
         <div class="col-lg-6 col-md-6">
            <div class="hdt-img_group">
               <div class="hdt-img_item">
                  <a href="#" class="banner-image-effect1">
                  <img class="mark-lazy full-width" src="{{media url=wysiwyg/about-us/abu2.jpg}}" alt="" width="400" height="438" />
                  </a>
               </div>
               <div class="hdt-img_item">
                  <a href="#" class="banner-image-effect1">
                  <img class="mark-lazy full-width" src="{{media url=wysiwyg/about-us/abu3.jpg}}" alt="" width="337" height="388" />
                  </a>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<div class="container">
   <div class="hdt-icon-box-about pt-desktop-110 pb-desktop-130">
      <div class="hdt-section-head">
         <h3><span>Quality is our priority</span></h3>
         <div class="hdt-sec-subheading">
            <p>Our talented stylists have put together outfits that are perfect for the season. </p>
            <p>They've variety of ways to inspire your next fashion-forward look.</p>
         </div>
      </div>
      <div class="row">
         <div class="col-lg-4 col-md-6">
            <div class="hdt-icon-box1 hdt-icon-box">
               <div class="hdt-icon-box__icon">
                  <svg xmlns="http://www.w3.org/2000/svg" class="" width="40" height="40" viewBox="0 0 40 40">
                     <path d="M39.7021 1.27152L39.5688 0.431126L38.7284 0.297845C38.5475 0.269173 34.2293 -0.396685 28.4414 0.360892C25.0362 0.806672 21.8259 1.65659 18.8998 2.88706C15.2225 4.43346 11.9885 6.58697 9.28775 9.28783C6.5869 11.9886 4.43338 15.2227 2.88698 18.8999C1.65651 21.8259 0.806594 25.0362 0.360892 28.4414C-0.396685 34.2292 0.269173 38.5473 0.297845 38.7284L0.431204 39.5688L1.27152 39.7021C1.38737 39.7204 3.19846 40 6.00565 40C7.86244 39.9998 9.71726 39.8793 11.5584 39.6391C14.9637 39.1933 18.174 38.3434 21.1001 37.1129C24.7773 35.5665 28.0114 33.413 30.7122 30.7122C33.4129 28.0113 35.5665 24.7773 37.1129 21.1001C38.3435 18.174 39.1934 14.9638 39.6391 11.5584C40.3966 5.77065 39.7307 1.45253 39.7021 1.27152ZM37.3153 11.2542C36.8967 14.4517 36.1018 17.4587 34.9525 20.1915C33.5244 23.5877 31.5401 26.5697 29.055 29.055C26.5796 31.5304 23.6108 33.509 20.2312 34.9358C17.5084 36.0854 14.512 36.8829 11.3256 37.3058C8.37814 37.6971 5.80612 37.6919 4.05393 37.6032L20.8286 20.8284L19.1715 19.1713L2.39526 35.9476C2.30698 34.2133 2.30159 31.6722 2.68472 28.7457C3.10323 25.5482 3.89823 22.5412 5.04745 19.8084C6.47557 16.4122 8.45986 13.4302 10.9451 10.9449C13.4205 8.46955 16.3893 6.49088 19.7688 5.06409C22.4917 3.91448 25.488 3.11706 28.6745 2.69409C32.6761 2.16284 35.9876 2.36214 37.4914 2.50972C37.6386 4.0012 37.8366 7.27205 37.3153 11.2542Z"></path>
                  </svg>
               </div>
               <div class="hdt-icon-box__content">
                  <h3 class="hdt-icon-box__title">High-Quality Materials</h3>
                  <div class="hdt-icon-box__description">
                     <p>Crafted with precision and excellence, our activewear is meticulously engineered using premium materials to ensure unmatched comfort and durability.</p>
                  </div>
               </div>
            </div>
         </div>
         <div class="col-lg-4 col-md-6">
            <div class="hdt-icon-box2 hdt-icon-box">
               <div class="hdt-icon-box__icon">
                  <svg xmlns="http://www.w3.org/2000/svg" class="" width="40" height="40" viewBox="0 0 40 40">
                     <path d="M20 0.0224609L0 29.6461L20 39.9773L40 29.6461L20 0.0224609ZM18.8275 36.7323L4.26422 29.2094L18.8276 21.6864L18.8275 36.7323ZM18.8275 19.0471L5.24977 26.061L18.8275 5.94988V19.0471ZM21.1725 5.94988L34.7502 26.0611L21.1725 19.0471V5.94988ZM21.1725 21.6864L35.7359 29.2094L21.1725 36.7323V21.6864Z"></path>
                  </svg>
               </div>
               <div class="hdt-icon-box__content">
                  <h3 class="hdt-icon-box__title">Laconic Design</h3>
                  <div class="hdt-icon-box__description">
                     <p>Simplicity refined. Our activewear embodies the essence of minimalistic design, delivering effortless style that speaks volumes.</p>
                  </div>
               </div>
            </div>
         </div>
         <div class="col-lg-4 col-md-12">
            <div class="hdt-icon-box3 hdt-icon-box">
               <div class="hdt-icon-box__icon">
                  <svg xmlns="http://www.w3.org/2000/svg" class="" width="40" height="40" viewBox="0 0 40 40">
                     <path d="M20 5.858L25.856 0L28.2145 2.3585L22.357 8.2145L29.4285 15.2865L27.072 17.643L11.7835 2.357L14.142 0L20 5.858ZM34.142 20L40 25.856L37.6415 28.2145L31.7835 22.357L24.7135 29.4285L22.357 27.072L37.643 11.7855L40 14.142L34.142 20ZM20.0015 34.142L14.1455 40L11.787 37.6415L17.645 31.7835L10.573 24.7135L12.9295 22.357L28.2165 37.643L25.8595 40L20.0015 34.142ZM5.858 20L0 14.142L2.3585 11.7835L8.2165 17.643L15.2865 10.57L17.643 12.9265L2.357 28.2145L0 25.858L5.858 20Z"></path>
                  </svg>
               </div>
               <div class="hdt-icon-box__content">
                  <h3 class="hdt-icon-box__title">Various Sizes</h3>
                  <div class="hdt-icon-box__description">
                     <p>Designed for every body and anyone, our activewear embraces diversity with a wide range of sizes and shapes, celebrating the beauty of individuality.</p>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<div class="container">
   <div class="block clients-say pt-desktop-110 pb-desktop-125 mb-desktop-70">
      <div class="block-content block-clients">
         <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="1" data-screen481="1" data-screen768="1" data-screen992="1" data-screen1200="1" data-screen1441="1" data-screen1681="1" data-screen1920="1" data-margin="30" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">
            <div class="owl-carousel owl-theme">
               <div class="item">
                  <div class="row align-items-center">
                     <div class="col-lg-6 col-md-6">
                        <div class="hdt-slider__slide">
                           <div class="hdt-testimonial-heading-item">
                              <span>Our customer’s reviews</span>
                           </div>
                           <div class="hdt-poropost-image">
                              <svg xmlns="http://www.w3.org/2000/svg" width="46" height="31" viewBox="0 0 46 31" fill="none">
                                 <path d="M32.4413 30.5L37.8204 19.9545L38.1913 19.2273H37.375H26.375V0.5H45.5V19.6071L39.9438 30.5H32.4413ZM6.56633 30.5L11.9454 19.9545L12.3163 19.2273H11.5H0.5V0.5H19.625V19.6071L14.0688 30.5H6.56633Z" stroke="#B5B5B5"></path>
                              </svg>
                           </div>
                           <div class="hdt-testimonial-rating hdt-flex hdt-justify-">
                              <div class="hdt-rating-wapper">
                                 <div class="rating rating_5 hdt-flex">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none" class="hdt-last_star">
                                       <path d="M6.84211 10.4479L11.0705 13L9.94842 8.19L13.6842 4.95368L8.76474 4.53632L6.84211 0L4.91947 4.53632L0 4.95368L3.73579 8.19L2.61368 13L6.84211 10.4479Z" fill="currentColor"></path>
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none" class="hdt-last_star">
                                       <path d="M6.84211 10.4479L11.0705 13L9.94842 8.19L13.6842 4.95368L8.76474 4.53632L6.84211 0L4.91947 4.53632L0 4.95368L3.73579 8.19L2.61368 13L6.84211 10.4479Z" fill="currentColor"></path>
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none" class="hdt-last_star">
                                       <path d="M6.84211 10.4479L11.0705 13L9.94842 8.19L13.6842 4.95368L8.76474 4.53632L6.84211 0L4.91947 4.53632L0 4.95368L3.73579 8.19L2.61368 13L6.84211 10.4479Z" fill="currentColor"></path>
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none" class="hdt-last_star">
                                       <path d="M6.84211 10.4479L11.0705 13L9.94842 8.19L13.6842 4.95368L8.76474 4.53632L6.84211 0L4.91947 4.53632L0 4.95368L3.73579 8.19L2.61368 13L6.84211 10.4479Z" fill="currentColor"></path>
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none" class="hdt-last_star">
                                       <path d="M6.84211 10.4479L11.0705 13L9.94842 8.19L13.6842 4.95368L8.76474 4.53632L6.84211 0L4.91947 4.53632L0 4.95368L3.73579 8.19L2.61368 13L6.84211 10.4479Z" fill="currentColor"></path>
                                    </svg>
                                 </div>
                              </div>
                           </div>
                           <div class="hdt-testimonial-content hdt-text-2xl hdt-s-text hdt-rte  ">
                              <p>Love love love! This product is so easy to use! I absolutely love the Alpha Arbutin product. It has made such a difference with my hyperpigmentation spots! I feel so much more confident without makeup on where as before I would never leave the house</p>
                           </div>
                           <div class="hdt-testimonial-name"><strong>Loretta </strong></div>
                        </div>
                     </div>
                     <div class="col-lg-6 col-md-6">
                        <div class="hdt-group_image">
                           <img class="mark-lazy" src="{{media url=wysiwyg/about-us/abu4.jpg}}" alt="" width="550" height="610" />
                        </div>
                     </div>
                  </div>
               </div>
               <div class="item">
                  <div class="row align-items-center">
                     <div class="col-lg-6 col-md-6">
                        <div class="hdt-slider__slide">
                           <div class="hdt-testimonial-heading-item">
                              <span>Our customer’s reviews</span>
                           </div>
                           <div class="hdt-poropost-image">
                              <svg xmlns="http://www.w3.org/2000/svg" width="46" height="31" viewBox="0 0 46 31" fill="none">
                                 <path d="M32.4413 30.5L37.8204 19.9545L38.1913 19.2273H37.375H26.375V0.5H45.5V19.6071L39.9438 30.5H32.4413ZM6.56633 30.5L11.9454 19.9545L12.3163 19.2273H11.5H0.5V0.5H19.625V19.6071L14.0688 30.5H6.56633Z" stroke="#B5B5B5"></path>
                              </svg>
                           </div>
                           <div class="hdt-testimonial-rating hdt-flex hdt-justify-">
                              <div class="hdt-rating-wapper">
                                 <div class="rating rating_5 hdt-flex">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none" class="hdt-last_star">
                                       <path d="M6.84211 10.4479L11.0705 13L9.94842 8.19L13.6842 4.95368L8.76474 4.53632L6.84211 0L4.91947 4.53632L0 4.95368L3.73579 8.19L2.61368 13L6.84211 10.4479Z" fill="currentColor"></path>
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none" class="hdt-last_star">
                                       <path d="M6.84211 10.4479L11.0705 13L9.94842 8.19L13.6842 4.95368L8.76474 4.53632L6.84211 0L4.91947 4.53632L0 4.95368L3.73579 8.19L2.61368 13L6.84211 10.4479Z" fill="currentColor"></path>
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none" class="hdt-last_star">
                                       <path d="M6.84211 10.4479L11.0705 13L9.94842 8.19L13.6842 4.95368L8.76474 4.53632L6.84211 0L4.91947 4.53632L0 4.95368L3.73579 8.19L2.61368 13L6.84211 10.4479Z" fill="currentColor"></path>
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none" class="hdt-last_star">
                                       <path d="M6.84211 10.4479L11.0705 13L9.94842 8.19L13.6842 4.95368L8.76474 4.53632L6.84211 0L4.91947 4.53632L0 4.95368L3.73579 8.19L2.61368 13L6.84211 10.4479Z" fill="currentColor"></path>
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none" class="hdt-last_star">
                                       <path d="M6.84211 10.4479L11.0705 13L9.94842 8.19L13.6842 4.95368L8.76474 4.53632L6.84211 0L4.91947 4.53632L0 4.95368L3.73579 8.19L2.61368 13L6.84211 10.4479Z" fill="currentColor"></path>
                                    </svg>
                                 </div>
                              </div>
                           </div>
                           <div class="hdt-testimonial-content hdt-text-2xl hdt-s-text hdt-rte  ">
                              <p>Love love love! This product is so easy to use! I absolutely love the Alpha Arbutin product. It has made such a difference with my hyperpigmentation spots! I feel so much more confident without makeup on where as before I would never leave the house</p>
                           </div>
                           <div class="hdt-testimonial-name"><strong>Sandra </strong></div>
                        </div>
                     </div>
                     <div class="col-lg-6 col-md-6">
                        <div class="hdt-group_image">
                           <img class="mark-lazy" src="{{media url=wysiwyg/about-us/abu4.jpg}}" alt="" width="550" height="610" />
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
{{block class="Magento\Cms\Block\Block" block_id="block-shop-gram"}}

How to edit "Contact Us" page in the homepage?

To edit "Google maps", please go to Admin Panel > Content > Elements > Blocks > Add new block with Identifier "google-map".
You can edit code HTML in your cms contents.

<div class="google-map"><iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3151.8402891185415!2d144.95373631585633!3d-37.817209742014676!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad65d4c2b349649%3A0xb6899234e561db11!2sEnvato!5e0!3m2!1svi!2s!4v1527494727294" width="600" height="450" frameborder="0" allowfullscreen=""></iframe></div>

To edit "Information", please go to Admin Panel > Content > Elements > Blocks > Add new block with Identifier "contact-us-info".
You can edit code HTML in your cms contents.

<div class="hdt-content">
	<h3 class="hdt-heading hdt-h5 hdt-s-text">Visit Our Store</h3>
	<div class="hdt-rte hdt-s-text2">
		<p>
			<strong>Address</strong>
		</p>
		<p>66 Mott St, New York, New York, Zip Code: 10006, AS</p>
	</div>
	<div class="hdt-rte hdt-s-text2">
		<p>
			<strong>Phone</strong>
		</p>
		<p>(623) 934-2400</p>
	</div>
	<div class="hdt-rte hdt-s-text2"">
		<p>
			<strong>Email</strong>
		</p>
		<p>EComposer@example.com</p>
	</div>
	<div class="hdt-rte hdt-s-text2">
		<p>
			<strong>Open Time</strong>
		</p>
		<p>Our store has re-opened for shopping, </p>
		<p>exchange Every day 11am to 7pm</p>
	</div>
	<div class="hdt-socials-contact">
			<ul class="socials-list">
  <li class="facebook">
    <a href="https://facebook.com/shopify" class="hdt-social-facebook hdt-flex hdt-align-center hdt-justify-center" aria-describedby="a11y-external-message">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
        <path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
      </svg>
      <span class="sr-only">Facebook</span>
    </a>
  </li>
  <li class="twitter">
    <a href="https://twitter.com/shopify" class="hdt-social-twitter hdt-flex hdt-align-center hdt-justify-center" aria-describedby="a11y-external-message">
      <svg viewBox="0 0 512 512">
        <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path>
      </svg>
      <span class="sr-only">Twitter</span>
    </a>
  </li>
  <li class="instagram">
    <a href="https://www.instagram.com/" class="hdt-social-instagram hdt-flex hdt-align-center hdt-justify-center" aria-describedby="a11y-external-message">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
        <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
      </svg>
      <span class="sr-only">Instagram</span>
    </a>
  </li>
  <li class="tiktok">
    <a href="https://tiktok.com/@shopify" class="hdt-social-tiktok hdt-flex hdt-align-center hdt-justify-center" aria-describedby="a11y-external-message">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
        <path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"></path>
      </svg>
      <span class="sr-only">TikTok</span>
    </a>
  </li>
  <li class="pinterest">
    <a href="https://pinterest.com/shopify" class="hdt-social-pinterest hdt-flex hdt-align-center hdt-justify-center" aria-describedby="a11y-external-message">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
        <path d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"></path>
      </svg>
      <span class="sr-only">Pinterest</span>
    </a>
  </li>
</ul>
		</div>
	</div>

How to edit "Faqs 01" page in the homepage?