plays an undeniably crucial role in creating an E-Commerce website.

To really upgrade your online store, businesses should spend a good investment in Magento theme development. It is the decisive component in designing the whole look, mood, and aesthetic of your website.

Let TECHVIFY introduce to you a step-by-step guideline to Magento Theme Development. By fully acknowledging these steps, you can have a better view of this whole process.

buid Magento theme

Step #1: Create a Directory Containing Theme

  1. Go to: /app/design/frontend and create a new directory with the vendor name you want for theme package: /app/design/frontend/.
  2. Under the vendor>directory, create a directory named according to your theme.

app/design/frontend/

 ── /

 │   │   ──/

 │   │   │   ──

 │   │   │   ──

After creating this structure, you need to declare your theme so that Magento knows it exists. You can set your theme as the current theme in your Magento backend.

Step #2: Declare your Theme

To declare your theme, you must create a theme.xml file containing the theme name. If the theme inherits from a parent theme, the .xml file should also include the parent theme name. The theme preview image is also required if necessary.

  1. Add or copy from an existing theme.xml file to your theme directory app/design/frontend//.
  2. Configure it using the following example:
  3.    
  4.     Magento/
  5.    
  6.     media/m2-theme-image.jpg
  7.    
  8.    

In the tag, insert the name of your theme. In the <parent> tag, you can specify the parent theme for fallback purposes.</p> <p style="text-align: justify;">The theme image in the <preview_image> tag is a thumbnail image, which shows the theme page for preview purposes. The thumbnail image is located in <em>app/design/frontend/<theme>/m2-theme/media/m2-theme-image.jpg.</em></p> <p style="text-align: justify;">If you change the theme title or parent theme information in theme.xml after a theme was already registered, you need to open or reload any Magento Admin to save changes in the database.</p> <h2 style="text-align: justify;"><span id="Magento_theme_development_step_3_Make_a_Composer_Package"><span style="color: #0070ba;"><strong>Magento theme development step #3: Make a Composer Package</strong></span></span></h2> <p style="text-align: justify;">Magento 2 themes are distributed as Composer packages so they will be registered as a Package on the server. Add a file composer.json which is optional.</p> <p style="text-align: justify;">The composer.json file provides theme dependency information. Refer to a current theme.xml file for the correct dependencies and their versions.</p> <p style="text-align: justify;">Example of a theme composer.json file:</p> <ol style="text-align: justify;"><li><em>{</em></li> <li>    <em>“name”: “<vendor>/m2-theme”,</em></li> <li>    <em>“description”: “Magento 2 Theme Customization”,</em></li> <li>    <em>“require”: {</em></li> <li>    <em>“php”: “~5.6|~7.0|~7.1|~7.2|~7.3|~7.4”,</em></li> <li>    <em>“<vendor>/m2-theme”: “100.0.*”,</em></li> <li>    <em>“magento/framework”: “100.0.*”</em></li> <li>    <em>},</em></li> <li>    <em>“type”: “magento2-theme”,</em></li> <li><em>“version”: “100.0.1”,</em></li> <li><em>“license”: [</em></li> <li><em>“OSL-3.0”,</em></li> <li><em>“AFL-3.0”</em></li> <li><em>],</em></li> <li><em>“autoload”: {</em></li> <li><em>“files”: [</em></li> <li><em>“Registration.php”</em></li> <li><em>]</em></li> <li><em>}</em></li> <li><em>}</em></li> </ol><h2 style="text-align: justify;"><span id="Magento_theme_development_step_4_Adding_registrationphp"><span style="color: #0070ba;"><strong>Magento theme development step #4: Adding registration.php</strong></span></span></h2> <p style="text-align: justify;">To register your theme in the system, add a file registration.php in your theme directory with the below content:</p> <ol style="text-align: justify;"><li>    <em><?php</em></li> <li>    <em>/**</em></li> <li>    <em>Copyright © Magento, Inc. All rights reserved.</em></li> <li>    <em>See COPYING.txt for license details.</em></li> <li>    <em>*/</em></li> <li>    <em>\Magento\Framework\Component\ComponentRegistrar:: register;</em></li> <li>    <em>\Magento\Framework\Component\ComponentRegistrar::THEME,</em></li> <li>    <em>‘frontend/<Vendor>/<theme>’,</em></li> <li>    <em>__DIR__</em></li> <li><em>);</em></li> </ol><p style="text-align: justify;"><Vendor> is your vendor name and <theme> is the theme code.</p> <h2 style="text-align: justify;"><span id="Magento_theme_development_step_5_Creating_Directory_Structure_for_Static_Files"><span style="color: #0070ba;"><strong>Magento theme development step #5: Creating Directory Structure for Static Files</strong></span></span></h2> <p style="text-align: justify;">Theme package consists of many types of files: styles, fonts, JavaScript, and images. Each type should be stored in its own sub-directory of web in your theme directory:</p> <p style="text-align: justify;"><em>app/design/<area>/<Vendor>/<theme>/</em></p> <p style="text-align: justify;"><em>├</em><em>──</em><em> web/</em></p> <p style="text-align: justify;"><em>│ </em><em>├</em><em>──</em><em> css/</em></p> <p style="text-align: justify;"><em>│ │ </em><em>├</em><em>──</em><em> source/</em><em> </em></p> <p style="text-align: justify;"><em>│ </em><em>├</em><em>──</em><em> fonts/</em></p> <p style="text-align: justify;"><em>│ </em><em>├</em><em>──</em><em> images/</em></p> <p style="text-align: justify;"><em>│ </em><em>├</em><em>──</em><em> js/</em></p> <p style="text-align: justify;">In the …/<theme>/web/images directory, you store the general theme-related static files.</p> <h2 style="text-align: justify;"><span id="Magento_theme_development_step_6_Configure_Images"><span style="color: #0070ba;"><strong>Magento theme development step #6: Configure Images</strong></span></span></h2> <p style="text-align: justify;">Product image sizes and other properties used on a theme are configured in a view.xml configuration file. It is required for a theme, but is optional if it exists in the parent theme.</p> <p style="text-align: justify;">If the product image sizes of your theme differ from those of the parent theme, or if your theme does not inherit from any theme, you will need to add view.xml.</p> <p style="text-align: justify;">Copy the view.xml file from the etc directory of the parent theme or copy it from the Blank theme. Configure all storefront product image sizes in the view.xml file.</p> <ol style="text-align: justify;"><li><image id=”category_page_grid” type=”small_image”></li> <li><width>250</width></li> <li><height>250</height></li> <li></image></li> </ol><h2 style="text-align: justify;"><span id="Magento_theme_development_step_7_Declaring_Theme_Logo"><span style="color: #0070ba;"><strong>Magento theme development step #7: Declaring Theme Logo</strong></span></span></h2> <p style="text-align: justify;">In the Magento application, the default format and name of a logo image is logo.svg. You can use a logo file with a different name and format, but you might need to declare it.</p> <p style="text-align: justify;">To declare a theme logo, create Magento_Theme/layout directories and add the following code to a default.xml file. The default.xml file path is <em>/app/design/frontend/<theme>/m2-theme/Magento_Theme/layout/default.xml.</em></p> <ol style="text-align: justify;"><li style="text-align: left;"><em><page xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance” xsi:noNamespaceSchemaLocation=”urn:magento:framework:View/Layout/etc/page_configuration.xsd”></em></li> <li><em><body></em></li> <li><em><referenceBlock name=”logo”></em></li> <li><em><arguments></em></li> <li><em><argument name=”logo_file” xsi:type=”string”>images/m2-logo.png</argument></em></li> <li><em><argument name=”logo_img_width” xsi:type=”number”>350</argument></em></li> <li><em><argument name=”logo_img_height” xsi:type=”number”>350</argument></em></li> <li><em></arguments></em></li> <li><em></referenceBlock></em></li> <li><em></body></em></li> <li><em></page></em></li> </ol><h2 style="text-align: justify;"><span id="Step_8_Customize_Theme_Layout"><span style="color: #0070ba;"><strong>Step #8: Customize Theme Layout</strong></span></span></h2> <p style="text-align: justify;">Once your basic theme structure is created, now you can customize or override any layout and set up a new design layout for your new theme.</p> <p style="text-align: justify;">For overriding theme layout, you need to put the layout file with the same name in the following location: <em>/app/design/frontend/Magento/<theme>/Magento_Theme/layout/default.xml</em></p> <p style="text-align: justify;">These files override the following layouts: <em>/<vendor>/m2-theme/Magento_Theme/layout/default.xml</em></p> <h2 style="text-align: justify;"><span id="Step_9_Configure_the_Theme_in_Magento_Admin_Panel"><span style="color: #0070ba;"><strong>Step #9: Configure the Theme in Magento Admin Panel</strong></span></span></h2> <p style="text-align: justify;">The next step is to apply the custom theme you created from Magento Admin to your website: Go to Admin->Content->Design->Configuration</p> <p style="text-align: justify;">Click Edit on your store view, you will see a page with a designed configuration. On the Default Theme tab, in the Applied Theme drop-down, select your newly created theme and Click Save Configuration to apply the theme.</p> <h2 style="text-align: justify;"><span id="Step_10_Final_Deployment"><span style="color: #0070ba;"><strong>Step #10: Final Deployment</strong></span></span></h2> <p style="text-align: justify;">To make the theme visible on the Magento storefront, we have to run one command to deploy the files:</p> <ol style="text-align: justify;"><li>Log in to your Magento store SSH account</li> <li>Go to Magento root directory and run below command:</li> </ol><p style="text-align: justify;"><em>php bin/magento setup:upgrade</em></p> <ol style="text-align: justify;" start="3"><li>Run another command to deploy the theme files:</li> </ol><p style="text-align: justify;"><em>php bin/magento setup:static-content:deploy</em></p> <p style="text-align: justify;">Now your theme is ready to be used.</p> <p style="text-align: justify;">That’s all you need to know about the <strong>Magento theme development </strong>process. Make sure that you know the procedure down to every detail to utilize all the best features of Magento development.</p> <p><img loading="lazy" class="size-full wp-image-8817 aligncenter" src="https://techvify.com.vn/wp-content/uploads/2021/07/0505-magentotheme-2.jpg" alt="Magento Development vietnam" width="600" height="400"></p> <p style="text-align: justify;">Or if you find this process is too complicated to understand, you should choose a trustworthy web development team. TECHVIFY Vietnam is a specialist in Magento development with the ultimate goal is to create the best E-Commerce website that can meet all of the client’s requirements. With TECHVIFY, you can rest assured that your online store is in good hands.</p> <div class="kk-star-ratings kksr-valign-bottom kksr-align-center " data-payload="{"align":"center","id":"7783","slug":"default","valign":"bottom","reference":"auto","count":"0","readonly":"","score":"0","best":"5","gap":"5","greet":"Vote this post","legend":"0\/5 - (0 votes)","size":"24","width":"0","_legend":"{score}\/{best} - ({count} {votes})"}"> <div class="kksr-stars"> <div class="kksr-stars-inactive"> <div class="kksr-star" data-star="1" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> <div class="kksr-star" data-star="2" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> <div class="kksr-star" data-star="3" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> <div class="kksr-star" data-star="4" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> <div class="kksr-star" data-star="5" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> </div> <div class="kksr-stars-active" style="width: 0px;"> <div class="kksr-star" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> <div class="kksr-star" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> <div class="kksr-star" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> <div class="kksr-star" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> <div class="kksr-star" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> </div> </div> <div class="kksr-legend"> <span class="kksr-muted">Vote this post</span> </div> </div> <!-- Generated by TaxoPress 3.6.1 - https://wordpress.org/plugins/simple-tags/ --> <div class="st-post-tags "> Tags: <a href="https://techvify.com.vn/tag/magento-development/">Magento Development</a><br /></div> </div> <div class="right-sidebar show-mobile"> <div class="post-popular"> <h3>Most Popular Articles</h3> <div class="list-post-popular"> <div class="post-item"> <span>01.</span> <a href="https://techvify.com.vn/techvifys-4th-anniversary-celebration/"> <span>TECHVIFY’s 4th Anniversary Celebration</span> </a> </div> <div class="post-item"> <span>02.</span> <a href="https://techvify.com.vn/top-3-digital-transformation-trends-2021/"> <span>Top 3 Digital Transformation Trends 2021</span> </a> </div> <div class="post-item"> <span>03.</span> <a href="https://techvify.com.vn/how-to-hire-developers-in-vietnam/"> <span>How to hire developers in Vietnam? </span> </a> </div> <div class="post-item"> <span>04.</span> <a href="https://techvify.com.vn/notice-of-change-of-business-type-and-company-name/"> <span>Notice of change of business type and company name</span> </a> </div> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-12 col-12"> <div class="right-sidebar show-desktop"> <div class="share-social"> <div class="social-item"> <a href="#"><i class="fab fa-linkedin-in"></i></a> </div> <div class="social-item"> <a href="#"><i class="fab fa-facebook-square"></i></a> </div> <div class="social-item"> <a href="#"><i class="fas fa-envelope"></i></a> </div> <div class="social-item"> <a href="#"><i class="fas fa-print"></i></a> </div> </div> <div class="post-popular"> <h3>Most Popular Articles</h3> <div class="list-post-popular"> <div class="post-item"> <span>01.</span> <a href="https://techvify.com.vn/techvifys-4th-anniversary-celebration/"> <span>TECHVIFY’s 4th Anniversary Celebration</span> </a> </div> <div class="post-item"> <span>02.</span> <a href="https://techvify.com.vn/top-3-digital-transformation-trends-2021/"> <span>Top 3 Digital Transformation Trends 2021</span> </a> </div> <div class="post-item"> <span>03.</span> <a href="https://techvify.com.vn/how-to-hire-developers-in-vietnam/"> <span>How to hire developers in Vietnam? </span> </a> </div> <div class="post-item"> <span>04.</span> <a href="https://techvify.com.vn/notice-of-change-of-business-type-and-company-name/"> <span>Notice of change of business type and company name</span> </a> </div> </div> </div> </div> </div> </div> <div class="related-post"> <h2 class="title">Related Topics</h2> <div class="related-wrap"> <div class="blog-item"> <a href="https://techvify.com.vn/top-3-digital-transformation-trends-2021/"> <div class="image-thumb div_post_image"> <img width="950" height="651" src="https://techvify.com.vn/wp-content/uploads/2021/07/0521-digital-transformationtrends-thumbnail.jpg" class="attachment-full size-full wp-post-image" alt="Digital Transformation Trends 2021" loading="lazy" srcset="https://techvify.com.vn/wp-content/uploads/2021/07/0521-digital-transformationtrends-thumbnail.jpg 950w, https://techvify.com.vn/wp-content/uploads/2021/07/0521-digital-transformationtrends-thumbnail-768x526.jpg 768w" sizes="(max-width: 950px) 100vw, 950px" /> </div> </a> <hr> <h2 class="post-title"><a href="https://techvify.com.vn/top-3-digital-transformation-trends-2021/">Top 3 Digital Transformation Trends 2021</a></h2> <span class="date-time">16 May, 2022</span> </div> <div class="blog-item"> <a href="https://techvify.com.vn/how-to-hire-developers-in-vietnam/"> <div class="image-thumb div_post_image"> <img width="1200" height="628" src="https://techvify.com.vn/wp-content/uploads/2022/05/hire-developers-in-vietnam.jpg" class="attachment-full size-full wp-post-image" alt="hire-developers-in-vietnam" loading="lazy" srcset="https://techvify.com.vn/wp-content/uploads/2022/05/hire-developers-in-vietnam.jpg 1200w, https://techvify.com.vn/wp-content/uploads/2022/05/hire-developers-in-vietnam-768x402.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /> </div> </a> <hr> <h2 class="post-title"><a href="https://techvify.com.vn/how-to-hire-developers-in-vietnam/">How to hire developers in Vietnam? </a></h2> <span class="date-time">12 May, 2022</span> </div> <div class="blog-item"> <a href="https://techvify.com.vn/6-trends-of-digital-transformation-in-healthcare/"> <div class="image-thumb div_post_image"> <img width="1170" height="660" src="https://techvify.com.vn/wp-content/uploads/2022/04/digital-transformtion-in-healthcare.jpg" class="attachment-full size-full wp-post-image" alt="digital-transformtion-in-healthcare" loading="lazy" srcset="https://techvify.com.vn/wp-content/uploads/2022/04/digital-transformtion-in-healthcare.jpg 1170w, https://techvify.com.vn/wp-content/uploads/2022/04/digital-transformtion-in-healthcare-768x433.jpg 768w" sizes="(max-width: 1170px) 100vw, 1170px" /> </div> </a> <hr> <h2 class="post-title"><a href="https://techvify.com.vn/6-trends-of-digital-transformation-in-healthcare/">Digital Transformation in Healthcare: 6 Key Trends</a></h2> <span class="date-time">13 April, 2022</span> </div> </div> </div> </div> </section> </div> <footer id="site-footer" class="site-footer footer"> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-6 col-sm-6 col-12"> <div class="widget-footer"> <img src="https://techvify.com.vn/wp-content/themes/techvify/assets/images/logo.svg" alt=""> <h5>HANOI (HEADQUARTER)</h5> <p>F2-3 Thanh Dong Building, 19 Lane To Huu Str, Nam Tu Liem Dist, Hanoi, Vietnam</p> <h5 class="secondary">JAPAN (BRANCH)</h5> <p>1-1-33, Hakataekihigashi, Hakata-ku, Fukuoka, 812-0013, JAPAN, 7 floor (7IG1)</p> <div class="widget-footer show-mobile"> <h5 class="text-uppercase">Contact Us</h5> <ul id="menu-support-footer-menu" class="list-items"><li id="menu-item-54" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-54"><a href="mailto:contact@techvify.com.vn">Email: contact@techvify.com.vn</a></li> <li id="menu-item-55" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-55"><a href="tel:+842477762666">Phone: (+84)24.77762.666</a></li> </ul> </div> <div class="social d-flex align-items-center"> <h5 class="mr-3 text-uppercase mb-0">Follow Us</h5> <div class="list-social"> <a href="https://www.linkedin.com/company/14671726" class="social-item"><i class="fab fa-linkedin-in"></i></a> <a href="https://twitter.com/TechvifyVietnam" class="social-item"><i class="fab fa-twitter-square"></i></a> <a href="https://www.facebook.com/techvifysoftware" class="social-item"><i class="fab fa-facebook-square"></i></a> </div> </div> </div> </div> <div class="col-lg-8"> <div class="widget-footer-wrap"> <div class="widget-footer footer-mt show-desktop"> <h5 class="text-uppercase">Company</h5> <ul id="menu-company-footer-menu" class="list-items"><li id="menu-item-673" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-673"><a href="https://techvify.com.vn/about-us/">About Us</a></li> <li id="menu-item-674" class="menu-item menu-item-type-post_type_archive menu-item-object-service menu-item-674"><a href="https://techvify.com.vn/service/">Services</a></li> <li id="menu-item-675" class="menu-item menu-item-type-post_type_archive menu-item-object-case-study menu-item-675"><a href="https://techvify.com.vn/case-studies/">Case Studies</a></li> <li id="menu-item-676" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-676"><a href="https://techvify.com.vn/knowledge/">Knowledge</a></li> <li id="menu-item-672" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-672"><a href="https://techvify.com.vn/contact-us/">Contact Us</a></li> </ul> </div> <div class="widget-footer footer-mt"> <h5 class="text-uppercase">Legal</h5> <ul id="menu-legal-footer-menu" class="list-items"><li id="menu-item-52" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-52"><a href="https://techvify.com.vn/terms-of-service/">Terms of Service</a></li> <li id="menu-item-50" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-50"><a href="https://techvify.com.vn/privacy-policy/">Privacy Policy</a></li> <li id="menu-item-9514" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9514"><a href="https://careers.techvify.com.vn/">Careers</a></li> </ul> </div> <div class="widget-footer footer-mt show-desktop"> <h5 class="text-uppercase">Contact Us</h5> <ul id="menu-support-footer-menu-1" class="list-items"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-54"><a href="mailto:contact@techvify.com.vn">Email: contact@techvify.com.vn</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-55"><a href="tel:+842477762666">Phone: (+84)24.77762.666</a></li> </ul> <img class="cer-footer" src="https://techvify.com.vn/wp-content/uploads/2021/11/group-26.png" alt=""> </div> <div class="footer-img show-mobile"> <img class="cer-footer" src="https://techvify.com.vn/wp-content/uploads/2021/11/group-26.png" alt=""> </div> </div> </div> </div> <div class="row border-top"> <div class="col-md-6 text-left align-self-center p-2"> <p class="copyright-text">2022 © TECHVIFY Software. All Rights Reserved</p> <input type="hidden" id="defaultImage" value="https://techvify.com.vn/wp-content/themes/techvify/assets/images/default_post_image.jpg"> </div> </div> </div> </footer><!-- #site-footer --> </div><!-- #page --> <script data-wpmeteor-after="REORDER" type="javascript/blocked" data-src="https://techvify.com.vn/wp-content/themes/techvify/assets/js/jquery.min.js"></script> <script data-wpmeteor-after="REORDER" type="javascript/blocked" data-src="https://techvify.com.vn/wp-content/themes/techvify/assets/js/jquery.magnific-popup.min.js"></script> <script data-wpmeteor-after="REORDER" type="javascript/blocked" data-src="https://techvify.com.vn/wp-content/themes/techvify/assets/js/bootstrap.min.js"></script> <script data-wpmeteor-after="REORDER" type="javascript/blocked" data-src="https://unpkg.com/swiper/swiper-bundle.min.js"></script> <script data-wpmeteor-after="REORDER" type="javascript/blocked" data-src="https://techvify.com.vn/wp-content/themes/techvify/assets/js/jquery.matchHeight.js"></script> <script data-wpmeteor-after="REORDER" type="javascript/blocked" data-src="https://techvify.com.vn/wp-content/themes/techvify/assets/js/scripts.js"></script> <script data-wpmeteor-after="REORDER" type="javascript/blocked" data-src="https://techvify.com.vn/wp-content/themes/techvify/assets/js/youtube-video-fullscreen-background/jquery.youtube-background.min.js"></script> <script data-wpmeteor-after="REORDER" type="javascript/blocked" data-src="https://techvify.com.vn/wp-content/themes/techvify/assets/js/anime.min.js"></script> <script data-wpmeteor-after="REORDER" type="javascript/blocked" data-src="https://techvify.com.vn/wp-content/themes/techvify/assets/js/custom.js"></script> <script data-wpmeteor-after="REORDER" type="javascript/blocked" data-src="https://techvify.com.vn/wp-content/themes/techvify/assets/js/header-mobile.js"></script> <script data-wpmeteor-after="REORDER" type="javascript/blocked" data-src="https://unpkg.com/aos@next/dist/aos.js"></script> <script data-wpmeteor-after="REORDER" type="javascript/blocked"> AOS.init(); </script> <center><a href="//www.dmca.com/Protection/Status.aspx?ID=c8498a9e-2f9c-4e1c-881c-2110b1b70a32" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca_protected_16_120.png?ID=c8498a9e-2f9c-4e1c-881c-2110b1b70a32" alt="DMCA.com Protection Status" /></a> <script data-wpmeteor-after="REORDER" type="javascript/blocked" data-src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script></center><script data-wpmeteor-after="REORDER" type="javascript/blocked" id='kk-star-ratings-js-extra'> /* <![CDATA[ */ var kk_star_ratings = {"action":"kk-star-ratings","endpoint":"https:\/\/techvify.com.vn\/wp-admin\/admin-ajax.php","nonce":"8dcdec0454"}; /* ]]> */ </script> <script data-wpmeteor-after="REORDER" type="javascript/blocked" data-src='https://techvify.com.vn/wp-content/plugins/kk-star-ratings/src/core/public/js/kk-star-ratings.min.js?ver=5.2.10' id='kk-star-ratings-js'></script> <script data-wpmeteor-after="REORDER" type="javascript/blocked" id='leadin-script-loader-js-js-extra'> /* <![CDATA[ */ var leadin_wordpress = {"userRole":"visitor","pageType":"post","leadinPluginVersion":"8.11.94"}; /* ]]> */ </script> <script data-wpmeteor-after="REORDER" type="javascript/blocked" data-src='https://js.hs-scripts.com/7075867.js?integration=WordPress&ver=8.11.94' data-async data-defer id='hs-script-loader'></script> <script data-wpmeteor-after="REORDER" type="javascript/blocked" id='toc-front-js-extra'> /* <![CDATA[ */ var tocplus = {"smooth_scroll":"1","visibility_show":"show","visibility_hide":"hide","visibility_hide_by_default":"1","width":"Auto"}; /* ]]> */ </script> <script data-wpmeteor-after="REORDER" type="javascript/blocked" data-src='https://techvify.com.vn/wp-content/plugins/table-of-contents-plus/front.min.js?ver=2106' id='toc-front-js'></script> </body> </html>