<?xml version="1.0"?>
<!-- /**
 * Magepow 
 * @category    Magepow 
 * @copyright   Copyright (c) 2014 Magiccart (http://www.magepow.com/) 
 * @license     http://www.magepow.com/license-agreement.html
 * @Author: DOng NGuyen<nguyen@dvn.com>
 * @@Create Date: 2016-02-23 18:59:34
 * @@Modify Date: 2020-07-10 00:13:02
 * @@Function:
 */ -->
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Config:etc/system_file.xsd">
    <system>
        <tab id="magiccart" translate="label" sortOrder="89">
            <label>Magiccart</label>
        </tab>
        <section id="alothemes" translate="label" type="text" sortOrder="100" showInDefault="1" showInWebsite="1" showInStore="1">
            <class>separator-top</class>
            <label>ALO Themes</label>
            <tab>magiccart</tab>
            <resource>Magiccart_Alothemes::config_alothemes</resource>
            <group id="rtl" translate="label" type="text" sortOrder="0" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Enable RTL</label>
                <field id="enabled" translate="label comment" type="select" sortOrder="0"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>RTL</label>
                    <comment>Enable RTL</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
            </group>
            <group id="widescreen" translate="label" type="text" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Enable Design for Widescreen</label>
                <field id="enabled" translate="label comment" type="select" sortOrder="0"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Widescreen</label>
                    <comment>Widescreen Supported Customize bootstraps 4 container </comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
            </group>
            <group id="category_page" translate="label" type="text" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Category Page</label>
                <field id="page_layout" translate="label comment" type="select" sortOrder="0"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Page Layout</label>
                    <comment>Page Layout</comment>
                    <source_model>Magiccart\Alothemes\Model\Design\Frontend\Layout</source_model>
                </field>
                <field id="gridview" translate="label comment" type="select" sortOrder="5"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Show Switcher Grid View</label>
                    <comment>Show Switcher Mode Grid View</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
                <field id="config_display" translate="label comment tooltip" sortOrder="45" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Config Display</label>
                    <frontend_model>Magiccart\Alothemes\Block\System\Config\Form\Field\Display</frontend_model>
                    <backend_model>Magiccart\Alothemes\Model\Design\Backend\Display</backend_model>
                    <comment>Config Displayin detail page</comment>
                    <tooltip>Config Display custom.</tooltip>
                </field>
                <field id="style" type="textarea" translate="label comment tooltip" sortOrder="65" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>CSS</label>
                    <tooltip>Custom Extra Styles.</tooltip>
                   <comment>
                        <![CDATA[Custom style category page]]>
                    </comment>
                </field>
            </group>
            <group id="grid" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Grid Category Page</label>
                <field id="mobile" translate="label comment" type="select" sortOrder="0"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 360: ]]></label>
                    <comment><![CDATA[Number product show in screen ( Size <= 360 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="portrait" translate="label comment" type="select" sortOrder="5"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 479: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 360 < Size < 480 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="landscape" translate="label comment" type="select" sortOrder="10"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 576: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 480 <= Size < 576 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="tablet" translate="label comment" type="select" sortOrder="15"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 767: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 576 <= Size < 768 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="notebook" translate="label comment" type="select" sortOrder="20"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 991: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 768 <= Size < 992 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="laptop" translate="label comment" type="select" sortOrder="95"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 1199: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 992 <= Size < 1200 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="desktop" translate="label comment" type="select" sortOrder="100"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 1479: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 1200 <= Size < 1480 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="widescreen" translate="label comment" type="select" sortOrder="105"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 1919: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 1366 <= Size < 1920 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="visible" translate="label comment" type="select" sortOrder="110"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[min-width 1920: ]]></label>
                    <comment><![CDATA[Number product show in screen ( Size >= 1920 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="padding" translate="label comment" type="text" sortOrder="110"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Padding Left and Right</label>
                    <comment>Padding Left and Right</comment>
                    <validate>required-entry validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="visible_plus" translate="label comment" type="select" sortOrder="110"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[min-width 1920: ]]></label>
                    <comment><![CDATA[Display Private with layout 1 column]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
            </group>
            <group id="product_page" translate="label" type="text" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Product Page</label>
                <field id="page_layout" translate="label comment" type="select" sortOrder="0"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Page Layout</label>
                    <comment>Page Layout</comment>
                    <source_model>Magiccart\Alothemes\Model\Design\Frontend\Layout</source_model>
                </field>
<!--                 <field id="cart" translate="label comment" type="select" sortOrder="5"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Show Cart</label>
                    <comment>Show Add To Cart</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
                <field id="compare" translate="label comment" type="select" sortOrder="10"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Show Compare</label>
                    <comment>Show Compare</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
                <field id="wishlist" translate="label comment" type="select" sortOrder="20"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Show Wishlist</label>
                    <comment>Show Wishlist</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
                <field id="review" translate="label comment" type="select" sortOrder="40"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Show Review</label>
                    <comment>Show Review</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field> -->
                <field id="config_display" translate="label comment tooltip" sortOrder="45" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Config Display</label>
                    <frontend_model>Magiccart\Alothemes\Block\System\Config\Form\Field\Display</frontend_model>
                    <backend_model>Magiccart\Alothemes\Model\Design\Backend\Display</backend_model>
                    <comment>Config Displayin detail page</comment>
                    <tooltip>Config Display custom.</tooltip>
                </field>
                <field id="tab_block" translate="label comment tooltip" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Tab Block</label>
                    <frontend_model>Magiccart\Alothemes\Block\System\Config\Form\Field\Tab\Block</frontend_model>
                    <backend_model>Magiccart\Alothemes\Model\Design\Backend\Tab\Block</backend_model>
                    <comment>Product tab in detail page</comment>
                    <tooltip>Tab Block.</tooltip>
                </field>
                <field id="tab_attribute" translate="label comment tooltip" sortOrder="55" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Tab Attribute</label>
                    <frontend_model>Magiccart\Alothemes\Block\System\Config\Form\Field\Tab\Attribute</frontend_model>
                    <backend_model>Magiccart\Alothemes\Model\Design\Backend\Tab\Attribute</backend_model>
                    <comment>Product tab in detail page</comment>
                    <tooltip>Tab Attribute.</tooltip>
                </field>
                <field id="style" type="textarea" translate="label comment tooltip" sortOrder="65" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>CSS</label>
                    <tooltip>Custom Extra Styles.</tooltip>
                   <comment>
                        <![CDATA[Custom style product page]]>
                    </comment>
                </field>
            </group>
            <group id="grid_widget" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Grid Widget of Magento</label>
                <field id="mobile" translate="label comment" type="select" sortOrder="0"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 360: ]]></label>
                    <comment><![CDATA[Number product show in screen ( Size <= 360 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="portrait" translate="label comment" type="select" sortOrder="5"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 479: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 360 < Size < 480 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="landscape" translate="label comment" type="select" sortOrder="10"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 576: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 480 <= Size < 576 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="tablet" translate="label comment" type="select" sortOrder="15"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 767: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 576 <= Size < 768 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="notebook" translate="label comment" type="select" sortOrder="20"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 991: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 768 <= Size < 992 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="laptop" translate="label comment" type="select" sortOrder="95"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 1199: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 992 <= Size < 1200 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="desktop" translate="label comment" type="select" sortOrder="100"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 1479: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 1200 <= Size < 1480 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="widescreen" translate="label comment" type="select" sortOrder="105"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 1919: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 1366 <= Size < 1920 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="visible" translate="label comment" type="select" sortOrder="110"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[min-width 1920: ]]></label>
                    <comment><![CDATA[Number product show in screen ( Size >= 1920 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="padding" translate="label comment" type="text" sortOrder="110"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Padding Left and Right</label>
                    <comment>Padding Left and Right</comment>
                    <validate>required-entry validate-digits validate-zero-or-greater</validate>
                </field>
            </group>
            <group id="recently_grid_widget" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Recently Grid Widget of Magento</label>
                <field id="mobile" translate="label comment" type="select" sortOrder="0"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 360: ]]></label>
                    <comment><![CDATA[Number product show in screen ( Size <= 360 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="portrait" translate="label comment" type="select" sortOrder="5"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 479: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 360 < Size < 480 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="landscape" translate="label comment" type="select" sortOrder="10"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 576: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 480 <= Size < 576 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="tablet" translate="label comment" type="select" sortOrder="15"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 767: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 576 <= Size < 768 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="notebook" translate="label comment" type="select" sortOrder="20"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 991: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 768 <= Size < 992 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="laptop" translate="label comment" type="select" sortOrder="95"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 1199: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 992 <= Size < 1200 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="desktop" translate="label comment" type="select" sortOrder="100"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 1479: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 1200 <= Size < 1480 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="widescreen" translate="label comment" type="select" sortOrder="105"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 1919: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 1366 <= Size < 1920 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="visible" translate="label comment" type="select" sortOrder="110"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[min-width 1920: ]]></label>
                    <comment><![CDATA[Number product show in screen ( Size >= 1920 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="padding" translate="label comment" type="text" sortOrder="110"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Padding Left and Right</label>
                    <comment>Padding Left and Right</comment>
                    <validate>required-entry validate-digits validate-zero-or-greater</validate>
                </field>
            </group>
            <group id="related" translate="label" type="text" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Related Products</label>
                <field id="slide" translate="label comment" type="select" sortOrder="10"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Slide</label>
                    <comment>Enabled Slide</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
                <field id="vertical" translate="label comment" type="select" sortOrder="15"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Slide Vertical</label>
                    <comment>Mode Vertical</comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Truefalse</source_model>
                    <depends><field id="slide" separator=",">1,3</field></depends>
                </field>
                <field id="infinite" translate="label comment" type="select" sortOrder="20"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Infinite</label>
                    <comment>Infinite</comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Truefalse</source_model>
                    <depends><field id="slide" separator=",">1</field></depends>
                </field>
                <field id="autoplay" translate="label comment" type="select" sortOrder="25"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Auto Play</label>
                    <comment>Auto Play</comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Truefalse</source_model>
                    <depends><field id="slide" separator=",">1</field></depends>
                </field>
                <field id="arrows" translate="label comment" type="select" sortOrder="30"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Arrows</label>
                    <comment>Next/Back</comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Truefalse</source_model>
                    <depends><field id="slide" separator=",">1</field></depends>
                </field>
                <field id="dots" translate="label comment" type="select" sortOrder="35"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Dots</label>
                    <comment>Pager</comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Truefalse</source_model>
                    <depends><field id="slide" separator=",">1</field></depends>
                </field>
                <field id="speed" translate="label comment" type="text" sortOrder="45"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Speed</label>
                    <comment>Speed</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends><field id="slide" separator=",">1</field></depends>
                </field>
                <!-- <field id="autoplay-Speed" translate="label comment" type="text" sortOrder="50"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>autoplay Speed</label>
                    <comment>autoplay Speed</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends><field id="slide" separator=",">1</field></depends>
                </field> -->
                <field id="padding" translate="label comment" type="text" sortOrder="55"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Padding</label>
                    <comment>Padding item Brand</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="heading_responsive" translate="label comment" sortOrder="60"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Setting Responsive</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                </field>
                <field id="mobile" translate="label comment" type="select" sortOrder="70"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 360: ]]></label>
                    <comment><![CDATA[Number product show in screen ( Size <= 360 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="portrait" translate="label comment" type="select" sortOrder="75"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 479: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 360 < Size < 480 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="landscape" translate="label comment" type="select" sortOrder="80"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 576: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 480 <= Size < 576 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="tablet" translate="label comment" type="select" sortOrder="85"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 767: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 576 <= Size < 768 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="notebook" translate="label comment" type="select" sortOrder="90"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 991: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 768 <= Size < 992 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="laptop" translate="label comment" type="select" sortOrder="95"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 1199: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 992 <= Size < 1200 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="desktop" translate="label comment" type="select" sortOrder="100"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 1479: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 1200 <= Size < 1480 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="widescreen" translate="label comment" type="select" sortOrder="105"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 1919: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 1366 <= Size < 1920 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="visible" translate="label comment" type="select" sortOrder="110"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[min-width 1920: ]]></label>
                    <comment><![CDATA[Number product show in screen ( Size >= 1920 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
            </group>
            <group id="upsell" translate="label" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Upsell Products</label>
                <field id="slide" translate="label comment" type="select" sortOrder="10"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Slide</label>
                    <comment>Enabled Slide</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
                <field id="vertical" translate="label comment" type="select" sortOrder="15"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Slide Vertical</label>
                    <comment>Mode Vertical</comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Truefalse</source_model>
                    <depends><field id="slide" separator=",">1,3</field></depends>
                </field>
                <field id="infinite" translate="label comment" type="select" sortOrder="20"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Infinite</label>
                    <comment>Infinite</comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Truefalse</source_model>
                    <depends><field id="slide" separator=",">1</field></depends>
                </field>
                <field id="autoplay" translate="label comment" type="select" sortOrder="25"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Auto Play</label>
                    <comment>Auto Play</comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Truefalse</source_model>
                    <depends><field id="slide" separator=",">1</field></depends>
                </field>
                <field id="arrows" translate="label comment" type="select" sortOrder="30"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Arrows</label>
                    <comment>Next/Back</comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Truefalse</source_model>
                    <depends><field id="slide" separator=",">1</field></depends>
                </field>
                <field id="dots" translate="label comment" type="select" sortOrder="35"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Dots</label>
                    <comment>Pager</comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Truefalse</source_model>
                    <depends><field id="slide" separator=",">1</field></depends>
                </field>
                <field id="speed" translate="label comment" type="text" sortOrder="45"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Speed</label>
                    <comment>Speed</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends><field id="slide" separator=",">1</field></depends>
                </field>
                <!-- <field id="autoplay-Speed" translate="label comment" type="text" sortOrder="50"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>autoplay Speed</label>
                    <comment>autoplay Speed</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends><field id="slide" separator=",">1</field></depends>
                </field> -->
                <field id="padding" translate="label comment" type="text" sortOrder="55"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Padding</label>
                    <comment>Padding item Brand</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="heading_responsive" translate="label comment" sortOrder="60"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Setting Responsive</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                </field>
                <field id="mobile" translate="label comment" type="select" sortOrder="70"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 360: ]]></label>
                    <comment><![CDATA[Number product show in screen ( Size <= 360 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="portrait" translate="label comment" type="select" sortOrder="75"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 479: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 360 < Size < 480 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="landscape" translate="label comment" type="select" sortOrder="80"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 576: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 480 <= Size < 576 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="tablet" translate="label comment" type="select" sortOrder="85"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 767: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 576 <= Size < 768 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="notebook" translate="label comment" type="select" sortOrder="90"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 991: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 768 <= Size < 992 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="laptop" translate="label comment" type="select" sortOrder="95"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 1199: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 992 <= Size < 1200 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="desktop" translate="label comment" type="select" sortOrder="100"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 1479: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 1200 <= Size < 1480 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="widescreen" translate="label comment" type="select" sortOrder="105"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 1919: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 1366 <= Size < 1920 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="visible" translate="label comment" type="select" sortOrder="110"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[min-width 1920: ]]></label>
                    <comment><![CDATA[Number product show in screen ( Size >= 1920 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
            </group>
            <group id="crosssell" translate="label" type="text" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Crosssell Products</label>
                <field id="slide" translate="label comment" type="select" sortOrder="10"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Slide</label>
                    <comment>Enabled Slide</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
                <field id="vertical" translate="label comment" type="select" sortOrder="15"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Slide Vertical</label>
                    <comment>Mode Vertical</comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Truefalse</source_model>
                    <depends><field id="slide" separator=",">1,3</field></depends>
                </field>
                <field id="infinite" translate="label comment" type="select" sortOrder="20"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Infinite</label>
                    <comment>Infinite</comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Truefalse</source_model>
                    <depends><field id="slide" separator=",">1</field></depends>
                </field>
                <field id="autoplay" translate="label comment" type="select" sortOrder="25"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Auto Play</label>
                    <comment>Auto Play</comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Truefalse</source_model>
                    <depends><field id="slide" separator=",">1</field></depends>
                </field>
                <field id="arrows" translate="label comment" type="select" sortOrder="30"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Arrows</label>
                    <comment>Next/Back</comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Truefalse</source_model>
                    <depends><field id="slide" separator=",">1</field></depends>
                </field>
                <field id="dots" translate="label comment" type="select" sortOrder="35"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Dots</label>
                    <comment>Pager</comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Truefalse</source_model>
                    <depends><field id="slide" separator=",">1</field></depends>
                </field>
                <field id="speed" translate="label comment" type="text" sortOrder="45"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Speed</label>
                    <comment>Speed</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends><field id="slide" separator=",">1</field></depends>
                </field>
                <!-- <field id="autoplay-Speed" translate="label comment" type="text" sortOrder="50"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>autoplay Speed</label>
                    <comment>autoplay Speed</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends><field id="slide" separator=",">1</field></depends>
                </field> -->
                <field id="padding" translate="label comment" type="text" sortOrder="55"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Padding</label>
                    <comment>Padding item Brand</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="heading_responsive" translate="label comment" sortOrder="60"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Setting Responsive</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                </field>
                <field id="mobile" translate="label comment" type="select" sortOrder="70"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 360: ]]></label>
                    <comment><![CDATA[Number product show in screen ( Size <= 360 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="portrait" translate="label comment" type="select" sortOrder="75"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 479: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 360 < Size < 480 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="landscape" translate="label comment" type="select" sortOrder="80"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 576: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 480 <= Size < 576 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="tablet" translate="label comment" type="select" sortOrder="85"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 767: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 576 <= Size < 768 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="notebook" translate="label comment" type="select" sortOrder="90"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 991: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 768 <= Size < 992 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="laptop" translate="label comment" type="select" sortOrder="95"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 1199: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 992 <= Size < 1200 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="desktop" translate="label comment" type="select" sortOrder="100"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 1479: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 1200 <= Size < 1480 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="widescreen" translate="label comment" type="select" sortOrder="105"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[max-width 1919: ]]></label>
                    <comment><![CDATA[Number product show in screen ( 1366 <= Size < 1920 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
                <field id="visible" translate="label comment" type="select" sortOrder="110"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[min-width 1920: ]]></label>
                    <comment><![CDATA[Number product show in screen ( Size >= 1920 ) ]]></comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Col</source_model>
                </field>
            </group>
            <group id="recentorder" translate="label" type="text" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Recentorder Products</label>
                <field id="enabled" translate="label comment" type="select" sortOrder="10"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Enabled</label>
                    <comment>Enabled Recent Order</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
                <field id="fakeinfo" translate="label comment" type="select" sortOrder="20"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Use Fake info order</label>
                    <comment>Use Fake info order</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends><field id="enabled" separator=",">1</field></depends>
                </field>
                <field id="product_ids" translate="label comment" type="text" sortOrder="30"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Fake product Ids</label>
                    <comment>Comma-separated.</comment>
                    <depends><field id="fakeinfo" separator=",">1</field></depends>
                    <validate>validate-per-page-value-list</validate>
                </field>
                <field id="faketime" translate="label comment" type="text" sortOrder="45"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Fake times purchased</label>
                    <comment>a few minutes ago, 5 minutes ago, 15 minutes ago</comment>
                    <depends><field id="fakeinfo" separator=",">1</field></depends>
                </field>
                <field id="fakeaddress" translate="label comment" type="text" sortOrder="45"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Fake order shipping address</label>
                    <comment>Hanoi - VN, New York - US, Sydney - Australia</comment>
                    <depends><field id="fakeinfo" separator=",">1</field></depends>
                </field>
                <field id="limit" translate="label comment" type="text" sortOrder="50"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Limit</label>
                    <comment>Limit products</comment>
                    <validate>validate-digits validate-greater-than-zero</validate>
                    <depends><field id="enabled" separator=",">1</field></depends>
                </field>
                <field id="autoplay" translate="label comment" type="select" sortOrder="60"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Autoplay</label>
                    <comment>Autoplay</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends><field id="enabled" separator=",">1</field></depends>
                </field>
                <field id="firsttime" translate="label comment" type="text" sortOrder="65"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>First Time Show Notify</label>
                    <comment>First Time Show wait notify when start</comment>
                    <validate>validate-digits validate-greater-than-zero</validate>
                    <depends><field id="enabled" separator=",">1</field></depends>
                </field>
                <field id="speed" translate="label comment" type="text" sortOrder="70"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Speed</label>
                    <comment>Speed Next time</comment>
                    <validate>validate-digits validate-greater-than-zero</validate>
                    <depends><field id="enabled" separator=",">1</field></depends>
                </field>
                <field id="close_off" translate="label comment" type="select" sortOrder="80"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Don't show again when close</label>
                    <comment>Don't show again in current page or other pages when customer click to button close</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends><field id="enabled" separator=",">1</field></depends>
                </field>
<!--                 <field id="heading_responsive" translate="label comment" sortOrder="60"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Setting Responsive</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                </field>
                <field id="mobile" translate="label comment" type="select" sortOrder="70"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label><![CDATA[Enable in mobile: ]]></label>
                    <comment><![CDATA[Enable in mobile ]]></comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field> -->
            </group>
            <group id="labels" translate="label" type="text" sortOrder="35" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Labels</label>
                <field id="newText" translate="label comment" type="text" sortOrder="5"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>New Text Label: </label>
                    <comment>Text Label</comment>
                </field>
                <field id="saleText" translate="label comment" type="text" sortOrder="15"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Sale Text Label : </label>
                    <comment>Sale Text Label : </comment>
                </field>
                <field id="salePercent" translate="label comment" type="select" sortOrder="20"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Sale Label Percent: </label>
                    <comment>Sale Label Percent</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
                <field id="zeroText" translate="label comment" type="text" sortOrder="25"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Zero Text Label : </label>
                    <comment>Label product price is Zero : </comment>
                </field>
            </group>
            <group id="timer" translate="label" type="text" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Timer for Sale</label>
                <field id="enabled" translate="label comment" type="select" sortOrder="0"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Enabled: </label>
                    <comment>Enabled</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
                <field id="caption" translate="label comment" type="select" sortOrder="10"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Timer Caption: </label>
                    <comment>Timer Caption</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
            </group>
            <group id="categorysearch" translate="label" type="text" sortOrder="45" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Category Search:</label>
                <field id="enabled" translate="label comment" type="select" sortOrder="0"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Enabled: </label>
                    <comment>Enabled</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
                <field id="depth" translate="label comment" type="text" sortOrder="5"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Maximal Depth</label>
                    <comment>Maximal Depth</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="level_symbol" translate="label comment" type="text" sortOrder="10"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Level Symbol</label>
                    <comment>Level Symbol</comment>
                </field>
            </group>
            <group id="newsletter" translate="label" type="text" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Newsletter Popup</label>
                <field id="enabled" translate="label comment" type="select" sortOrder="0"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Enabled: </label>
                    <comment>Enabled</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
                <field id="firstOnly" translate="label comment" type="select" sortOrder="5"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>First only display : </label>
                    <comment>First only display</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
                <field id="timeDelay" translate="label comment" type="text" sortOrder="10"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Time Delay Popup :</label>
                    <comment>Time Delay Popup</comment>
                    <validate>required-entry validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="autoClose" translate="label comment" type="select" sortOrder="15"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Auto Close : </label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
                <field id="timeClose" translate="label comment" type="text" sortOrder="20"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Time Close Popup : </label>
                    <validate>validate-digits validate-greater-than-zero</validate>
                </field>
                <field id="width" translate="label comment" type="text" sortOrder="25"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Width Popup : </label>
                    <validate>validate-digits validate-greater-than-zero</validate>
                </field>
                <field id="height" translate="label comment" type="text" sortOrder="30"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Height Popup : </label>
                    <validate>validate-digits validate-greater-than-zero</validate>
                </field>
                <field id="overlayColor" translate="label comment" type="text" sortOrder="35"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Overlay Color : </label>
                    <validate>alo-color</validate>
                </field>
                <field id="background_color" translate="label comment" type="text" sortOrder="40"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Background Color :</label>
                    <validate>alo-color</validate>
                </field>
                <field id="background_image" translate="label comment" type="image" sortOrder="45"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Background Image :</label>
                    <comment>Allowed file types: jpg, jpeg, gif, png.</comment>
                    <backend_model>Magento\Config\Model\Config\Backend\Image</backend_model>
                    <upload_dir config="system/filesystem/media" scope_info="1">magiccart/newsletter</upload_dir>
                    <base_url type="media" scope_info="1">magiccart/newsletter</base_url>
                </field>
                <field id="heading_content_edit" translate="label comment" sortOrder="50"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>You can edit content newsletter popup in: Admin Panel > Content > Blocks > newsletter_popup</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                </field>
            </group>
            <group id="font" translate="label" type="text" sortOrder="55" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Font</label>
                <field id="size" translate="label comment" type="select" sortOrder="0"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Basic Font Size : </label>
                    <comment>Size of the regular text. Font size of most of the other elements will be calculated relative to this value.</comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Size</source_model>
                </field>
                <field id="google" translate="label comment" type="select" sortOrder="10"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Google Fonts : </label>
                    <comment><![CDATA[Font preview is available on <a href="http://www.google.com/webfonts">Google Web Fonts</a>]]><![CDATA[
                            <script type="text/javascript">
                                require(['alothemes']);
                            </script>
                        ]]></comment>
                     <source_model>Magiccart\Alothemes\Model\System\Config\Google</source_model>
                    <validate>mc-fonts alo-fonts</validate>
                </field>
                <field id="custom" translate="label comment" type="text" sortOrder="20"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Custom Font : </label>
                    <depends><field id="google" separator=",">0</field></depends>
                    <!-- <validate>required-entry</validate> -->
                </field>
            </group>
            <group id="flags" translate="label" type="text" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Flags</label>
<!--                 <field id="flag" translate="label comment tooltip" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Flags</label>
                    <frontend_model>Magiccart\Alothemes\Block\System\Config\Form\Field\Flag</frontend_model>
                    <backend_model>Magiccart\Alothemes\Model\Design\Backend\Flag</backend_model>
                    <upload_dir config="system/filesystem/media" scope_info="1">magiccart/flags</upload_dir>
                    <comment>Flag store language</comment>
                    <tooltip>Flag.</tooltip>
                </field> -->
                <field id="flag" translate="label comment" type="image" sortOrder="45"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Flag Image :</label>
                    <comment>Allowed file types: jpg, jpeg, gif, png.</comment>
                    <backend_model>Magento\Config\Model\Config\Backend\Image</backend_model>
                    <upload_dir config="system/filesystem/media" scope_info="1">magiccart/flags</upload_dir>
                    <base_url type="media" scope_info="1">magiccart/flags</base_url>
                </field>
            </group>
            <group id="css" translate="label" type="text" sortOrder="80" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>CSS Settings</label>
                <field id="merge_css_files" translate="label comment" type="select" sortOrder="5"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Merge CSS Files</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
            </group>
            <group id="extra_css" translate="label" type="text" sortOrder="100" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Custom Extra Styles, CSS ..etc</label>
                <field id="style" type="textarea" translate="label comment tooltip" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>CSS</label>
                    <tooltip>Custom Extra Styles.</tooltip>
                   <comment>
                        <![CDATA[
                            <style type="text/css">
                                #alothemes_extra_css_color {width:600px;height:400px}
                            </style>
                        ]]>
                    </comment>
                </field>
            </group>
        </section>
        <section id="alodesign" translate="label" type="text" sortOrder="200" showInDefault="1" showInWebsite="1" showInStore="1">
            <class>separator-top</class>
            <label>Color Themes</label>
            <tab>magiccart</tab>
            <resource>Magiccart_Alothemes::config_alodesign</resource>
            <group id="general" translate="label" type="text" sortOrder="0" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Advanced Setting</label>
                <field id="developer" translate="label comment" type="select" sortOrder="0"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Mode Developer Edit Selector: </label>
                    <comment>Only use for developer</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
            </group>
            <group id="base" translate="label" type="text" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Base Color Theme</label>
                <field id="color" translate="label comment tooltip" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Advanced</label>
                    <frontend_model>Magiccart\Alothemes\Block\System\Config\Form\Field\Color</frontend_model>
                    <backend_model>Magiccart\Alothemes\Model\Design\Backend\Color</backend_model>
                    <comment></comment>
                    <tooltip>Base Color Theme.</tooltip>
                </field>
            </group>
            <group id="header" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Header Color Theme</label>
                <field id="color" translate="label comment tooltip" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Advanced</label>
                    <frontend_model>Magiccart\Alothemes\Block\System\Config\Form\Field\Color</frontend_model>
                    <backend_model>Magiccart\Alothemes\Model\Design\Backend\Color</backend_model>
                    <tooltip>Header Color Theme.</tooltip>
                </field>
            </group>
            <group id="left" translate="label" type="text" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Left Color Theme</label>
                <field id="color" translate="label comment tooltip" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Advanced</label>
                    <frontend_model>Magiccart\Alothemes\Block\System\Config\Form\Field\Color</frontend_model>
                    <backend_model>Magiccart\Alothemes\Model\Design\Backend\Color</backend_model>
                    <tooltip>Left Color Theme.</tooltip>
                </field>
            </group>
            <group id="right" translate="label" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Right Color Theme</label>
                <field id="color" translate="label comment tooltip" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Advanced</label>
                    <frontend_model>Magiccart\Alothemes\Block\System\Config\Form\Field\Color</frontend_model>
                    <backend_model>Magiccart\Alothemes\Model\Design\Backend\Color</backend_model>
                    <tooltip>Right Color Theme.</tooltip>
                </field>
            </group>
            <group id="content" translate="label" type="text" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Content Color Theme</label>
                <field id="color" translate="label comment tooltip" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Advanced</label>
                    <frontend_model>Magiccart\Alothemes\Block\System\Config\Form\Field\Color</frontend_model>
                    <backend_model>Magiccart\Alothemes\Model\Design\Backend\Color</backend_model>
                    <tooltip>Content Color Theme.</tooltip>
                </field>
            </group>
            <group id="footer" translate="label" type="text" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Footer Color Theme</label>
                <field id="color" translate="label comment tooltip" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Advanced</label>
                    <frontend_model>Magiccart\Alothemes\Block\System\Config\Form\Field\Color</frontend_model>
                    <backend_model>Magiccart\Alothemes\Model\Design\Backend\Color</backend_model>
                    <comment>
                        <![CDATA[
                            <script type="text/javascript">
                                require(['alothemes']);
                            </script>
                        ]]>
                    </comment>
                    <tooltip>Footer Color Theme.</tooltip>
                </field>
            </group>
            <group id="extra_css" translate="label" type="text" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Custom Extra Styles, CSS, Color ..etc</label>
                <field id="color" type="textarea" translate="label comment tooltip" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>CSS</label>
                    <tooltip>Custom Extra Styles.</tooltip>
                   <comment>
                        <![CDATA[
                            <style type="text/css">
                                #alodesign_extra_css_color {width:600px;height:400px}
                            </style>
                        ]]>
                    </comment>
                </field>
            </group>
        </section>
        <section id="alosocial" translate="label" type="text" sortOrder="300" showInDefault="1" showInWebsite="1" showInStore="1">
            <class>separator-top</class>
            <label>Social Profile</label>
            <tab>magiccart</tab>
            <resource>Magiccart_Alothemes::config_alosocial</resource>
            <group id="general" translate="label" type="text" sortOrder="0" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>General</label>
                <field id="enabled" translate="label comment" type="select" sortOrder="0"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Enabled</label>
                    <comment>Enabled</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
            </group>
            <group id="twitter" translate="label" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Twitter</label>
               <field id="twitterid" translate="label comment" type="text" sortOrder="10"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Twitter ID: </label>
                    <comment>Twitter ID</comment>
                </field>
               <field id="consumerkey" translate="label comment" type="text" sortOrder="15"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Consumer Key: </label>
                    <comment>Consumer Key</comment>
                </field>
               <field id="consumersecret" translate="label comment" type="text" sortOrder="20"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Consumer Secret: </label>
                    <comment>Consumer Secret</comment>
                </field>
               <field id="accesstoken" translate="label comment" type="text" sortOrder="25"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Access Token: </label>
                    <comment>Access Token</comment>
                </field>
               <field id="accesstokensecret" translate="label comment" type="text" sortOrder="30"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Access Token Secret: </label>
                    <comment>Access Token Secret</comment>
                </field>
                <field id="limit" translate="label comment" type="text" sortOrder="35"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Limit</label>
                    <comment>Limit</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
            </group>
            <group id="facebook" translate="label" type="text" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Facebook</label>
               <field id="fb_page_url" translate="label comment" type="text" sortOrder="10"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Facebook Page URL: </label>
                    <comment>Facebook Fanpage Page URL</comment>
                </field>
               <field id="width" translate="label comment" type="text" sortOrder="15"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Width of the box in pixel: </label>
                    <comment>Width of the box in pixel</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
               <field id="height" translate="label comment" type="text" sortOrder="20"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Height of the box in pixel: </label>
                    <comment>Height of the box in pixel</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
               <field id="connection" translate="label comment" type="text" sortOrder="25"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Connections: </label>
                    <comment>Show a sample of this many users who have liked this page</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="stream" translate="label comment" type="select" sortOrder="30"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Streams: </label>
                    <comment>Show the profile stream for the public profile</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
                <field id="header" translate="label comment" type="select" sortOrder="30"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Header: </label>
                    <comment>Show the 'find us on Facebook' bar at top</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
            </group>
            <group id="messenger" translate="label" type="text" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Facebook Messenger</label>
                <field id="enabled" translate="label" type="select" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Enabled</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
                <field id="page_id" translate="label" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Facebook Page ID</label>
                    <validate>required-entry</validate>
                    <comment><![CDATA[Generate Page Id : GoTo Page -> Setting -> Page info]]></comment>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="app_id" translate="label" type="text" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Facebook App ID</label>
                    <validate>required-entry</validate>
                    <comment><![CDATA[Generate App Id using : <a href="https://developers.facebook.com/apps" target="_blank">https://developers.facebook.com/apps</a>]]></comment>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="theme_color" translate="label" type="text" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Theme Color</label>
                    <validate>alo-color required-entry</validate>
                    <comment>
                        <![CDATA[
                            <script type="text/javascript">
                                require(['alothemes']);
                            </script>
                        ]]>
                    </comment>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="login_message" translate="label" type="text" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Login Greeting Text</label>
                    <comment><![CDATA[]]></comment>
                    <validate>required-entry</validate>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="logout_message" translate="label" type="text" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Logout Greeting Text</label>
                    <comment><![CDATA[]]></comment>
                    <validate>required-entry</validate>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
            </group>
            <group id="instagram" translate="label" type="text" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Instagram stream</label>
                <field id="username" translate="label comment" type="text" sortOrder="0"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>User Name: </label>
                    <comment>User Name</comment>
                </field>
                <field id="accessToken" translate="label comment" type="text" sortOrder="2"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Access Token: </label>
                    <comment>Get access Token follow guide here: https://developers.facebook.com/docs/instagram-api/getting-started/</comment>
                </field>
<!--                 <field id="tags" translate="label comment" type="text" sortOrder="3"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Tags</label>
                    <comment>Tags</comment>
                </field> -->
                <field id="limit" translate="label comment" type="text" sortOrder="5"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Limit</label>
                    <comment>Limit</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
            </group>
            <group id="pinterest" translate="label" type="text" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Pinterest stream</label>
                <field id="username" translate="label comment" type="text" sortOrder="0"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>User Name: </label>
                    <comment>User Name</comment>
                </field>
                <field id="limit" translate="label comment" type="text" sortOrder="5"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Limit</label>
                    <comment>Limit</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
            </group>
            <group id="flickr" translate="label" type="text" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Flickr stream</label>
                <field id="username" translate="label comment" type="text" sortOrder="0"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>User Name: </label>
                    <comment>User Name</comment>
                </field>
                <field id="limit" translate="label comment" type="text" sortOrder="5"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Limit</label>
                    <comment>Limit</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
            </group>
            <group id="picasa" translate="label" type="text" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Picasa stream</label>
                <field id="username" translate="label comment" type="text" sortOrder="0"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>User Name: </label>
                    <comment>User Name</comment>
                </field>
                <field id="limit" translate="label comment" type="text" sortOrder="5"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Limit</label>
                    <comment>Limit</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
            </group>
            <group id="social" translate="label" type="text" sortOrder="100" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Social Profiles</label>
                <field id="enabled" translate="label comment" type="select" sortOrder="0"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Enabled: </label>
                    <comment>Enable Social Profiles</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
                <field id="position" translate="label comment" type="select" sortOrder="5"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Position: </label>
                    <comment>Position Left or Right</comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Position</source_model>
                </field>
                <field id="effect" translate="label comment" type="select" sortOrder="10"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Effect Hover: </label>
                    <comment>Effect Hover Button Social</comment>
                    <source_model>Magiccart\Alothemes\Model\System\Config\Effect</source_model>
                </field>
                <field id="marginTop" translate="label comment" type="text" sortOrder="15"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Social Media Button Margin To: </label>
                    <comment>Social Media Button Margin To</comment>
                    <validate>validate-number</validate>
                </field>
                <field id="facebook_title" translate="label comment" type="text" sortOrder="20"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Facebook Title: </label>
                    <comment>Example: Follow via Facebook</comment>
                </field>
                <field id="facebook_url" translate="label comment" type="text" sortOrder="20"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Facebook URL: </label>
                    <comment>Enter Facebook URL like https://www.facebook.com/your_account</comment>
                    <validate>validate-url</validate>
                </field>
                <field id="flickr_title" translate="label comment" type="text" sortOrder="25"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Flickr Title: </label>
                    <comment>Example: Follow via Flickr</comment>
                </field>
                <field id="flickr_url" translate="label comment" type="text" sortOrder="25"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Flickr URL: </label>
                    <comment>Enter Flickr URL like http://www.flickr.com/your_account</comment>
                    <validate>validate-url</validate>
                </field>
                <field id="linkedin_title" translate="label comment" type="text" sortOrder="30"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Linkedin Title: </label>
                    <comment>Example: Follow via Linkedin</comment>
                </field>
                <field id="linkedin_url" translate="label comment" type="text" sortOrder="30"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Linkedin URL: </label>
                    <comment>Enter Twitter URL like https://www.linkedin.com/your_account</comment>
                    <validate>validate-url</validate>
                </field>
                <field id="googleplus_title" translate="label comment" type="text" sortOrder="35"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Google + Title: </label>
                    <comment>Example: Follow via Google + </comment>
                </field>
                <field id="googleplus_url" translate="label comment" type="text" sortOrder="35"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Google + URL</label>
                    <comment>Enter Google + URL like https://www.plus.google.com/your_account</comment>
                    <validate>validate-url</validate>
                </field>
                <field id="instagram_title" translate="label comment" type="text" sortOrder="40"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Instagram Title: </label>
                    <comment>Example: Follow via Instagram</comment>
                </field>
                <field id="instagram_url" translate="label comment" type="text" sortOrder="40"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Instagram URL</label>
                    <comment>Enter Instagram URL like http://instagram.com/your_account</comment>
                    <validate>validate-url</validate>
                </field>
                <field id="pinterest_title" translate="label comment" type="text" sortOrder="45"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Pinterest Title: </label>
                    <comment>Example: Follow via Pinterest</comment>
                </field>
                <field id="pinterest_url" translate="label comment" type="text" sortOrder="45"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Pinterest URL</label>
                    <comment>Enter Pinterest URL like https://www.pinterest.com/your_account</comment>
                    <validate>validate-url</validate>
                </field>
                <field id="tumblr_title" translate="label comment" type="text" sortOrder="50"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Tumblr Title: </label>
                    <comment>Example: Follow via Tumblr</comment>
                </field>
                <field id="tumblr_url" translate="label comment" type="text" sortOrder="50"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Tumblr URL</label>
                    <comment>Enter Tumblr URL like https://www.tumblr.com/your_account</comment>
                    <validate>validate-url</validate>
                </field>
                <field id="twitter_title" translate="label comment" type="text" sortOrder="55"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Twitter Title: </label>
                    <comment>Example: Follow via Twitter</comment>
                </field>
                <field id="twitter_url" translate="label comment" type="text" sortOrder="55"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Twitter URL</label>
                    <comment>Enter Twitter URL like https://www.twitter.com/your_account</comment>
                    <validate>validate-url</validate>
                </field>
                <field id="youtube_title" translate="label comment" type="text" sortOrder="60"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Youtube Title: </label>
                    <comment>Example: Follow via Youtube</comment>
                </field>
                <field id="youtube_url" translate="label comment" type="text" sortOrder="60"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Youtube URL</label>
                    <comment>Enter Youtube URL like https://www.youtube.com/your_account</comment>
                    <validate>validate-url</validate>
                </field>
                <field id="web_title" translate="label comment" type="text" sortOrder="65"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Website Title: </label>
                    <comment>Example: Follow via Website</comment>
                </field>
                <field id="web_url" translate="label comment" type="text" sortOrder="65"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Website URL</label>
                    <comment>Enter Website URL like https://www.alothemes.com</comment>
                    <validate>validate-url</validate>
                </field>
                <field id="webmail_title" translate="label comment" type="text" sortOrder="65"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Email Title: </label>
                    <comment>Example: Contact me</comment>
                </field>
                <field id="webmail" translate="label comment" type="text" sortOrder="70"  showInDefault="1" showInWebsite="1" showInStore="1" canRestore="1">
                    <label>Your Email Address</label>
                    <comment>Enter Your Email Address.</comment>
                    <validate>validate-email</validate>
                </field> 
            </group>
        </section>
    </system>
</config>
