Magento не может использовать require.js - PullRequest
0 голосов
/ 05 июля 2019

Я создаю сайт flurys.digifrizz.com, но не могу использовать requirejs-config.js без загрузки

Вот макет

app / design / frontend / Digifrizz / flurystheme / Magento_Theme/page_layout/custom_home.xml

<?xml version="1.0" encoding="UTF-8"?>
<page  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
  <referenceContainer name="header.panel" remove="true" />
  <referenceContainer name="page.top" remove="true"/>
<referenceContainer name="page.top" remove="true" />
<referenceContainer name="header-wrapper" remove="true" />


   <container name="root">
    <container name="header.container" as="HeaderContainer" label="Homeheader Container" htmlTag="div" htmlClass="container-fluid px-0 clearfix">

<block class="Magento\Framework\View\Element\Template" name="custom_header" as="custom_header" template="Magento_Theme::html/header/header.phtml" after="-"/>
</container>
<container name="firstsection.container" htmlTag="div"> 
<block class="Magento\Framework\View\Element\Template" name="firstsection" as="firstsection" template="Magento_Theme::html/home/firstsection.phtml" after="-" />
</container>
<container name="secondsection.container" htmlTag="div"> 
<block class="Magento\Framework\View\Element\Template" name="secondsection" as="secondsection" template="Magento_Theme::html/home/secondsection.phtml" after="-" />
</container>
<container name="featuredsection.container" htmlTag="div"> 
<block class="Digifrizz\Flurys\Block\FlurysAddToCart" name="featuredsection" as="featuredsection" template="Magento_Theme::html/home/featuredsection.phtml" after="-" cacheable="false"  />
</container>
        <container name="footer-container" htmlTag="div" htmlClass="footer" >
            <block class="Magento\Theme\Block\Html\Footer" name="footer" template="html/footer.phtml"/>
        </container>
             </container>
</page>

app / design / frontend / Digifrizz / flurystheme / requirejs-config.js

var config = {
    map: {
        '*': {   
            bootstrap        : 'web/bootstrap/jquery.min.js',
            bootstrapproper  : 'web/bootstrap/popper.min.js',
            owl        : 'web/owl-carousel/owl.carousel.js',
            bootstrapmin   : 'web/bootstrap/bootstrap.min.js',
            scrollbar        : 'web/scrollbar/jquery.mCustomScrollbar.concat.min.js',
            aos   : 'web/aos/aos.js',
            classie   : 'web/js/classie.js',
            selectFx   : 'web/js/selectFx.js'
        }
    }
};

app / design / frontend / Digifrizz / flurystheme / Magento_Theme/templates/html/header/header.phtml

<script>
 require(["js/theme.js"], function(){
     });
</script>
<section class="social-side">
    <a href="#"><i class="fa fa-facebook"></i></a>
    <a href="#"><i class="fa fa-twitter"></i></a>
    <a href="#"><i class="fa fa-google-plus"></i></a>
</section>

<div class="wrapper">

    <nav id="sidebar">
        <div id="dismiss">
            <i class="fa fa-arrow-right"></i>
        </div>

        <div class="sidebar-header">
            <div class="logo"><a href="index.html"><img src="<?php echo $this->getViewFileUrl('images/logo-color.png'); ?>" alt="dFlurys"></a></div>
        </div>

        <ul class="list-unstyled components">
            <li class="active"><a href="#">Press &amp; Media</a></li>
            <li><a href="#">Careers</a></li>
            <li><a href="#">Privacy &amp; Terms</a></li>
            <li><a href="#">Testimonials</a></li>
        </ul>

        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="w-100">
                        <p>Follow us on:</p>
                        <p>
                            <a href="#" class="sidebar-social"><i class="fa fa-facebook circle facebook"></i></a>
                            <a href="#" class="sidebar-social"><i class="fa fa-twitter circle twitter"></i></a>
                            <a href="#" class="sidebar-social"><i class="fa fa-google-plus circle g-plus"></i></a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </nav>



    <div id="content">

        <!--Navigation section-->
        <header class="container-fluid px-0 clearfix">
            <section class="w-100 topmost">
                <div class="container">
                    <div class="row align-items-center py-2">
                        <div class="col-md-2 mb-md-0 mb-2 pr-md-0">
                            <div class="w-100">
                                <p class="mb-0"><i class="fa fa-phone"></i> 1800-00-0000</p>
                            </div>
                        </div>
                        <div class="col-md-10">
                            <div class="w-100 d-flex align-items-center justify-content-center justify-content-md-end flex-wrap">
                                <a href="#"><i class="fa fa-search mt-1 mx-3"></i></a>
                                <p class="locationDropdown mb-0"><span>Select city : </span></p>
                                <section class="ml-1">
                                    <select class="cs-select cs-skin-elastic">
                                        <option value="Kolkata">Kolkata</option>
                                        <option value="Mumbai">Mumbai</option>
                                    </select>
                                </section>
                                <span class="mr-3">|</span>
                                <span class="mt-1 mr-3"><a href="sign-in.html">Sign in</a> - <a href="sign-up.html">Join</a></span>
                                <?php $objectManager = \Magento\Framework\App\ObjectManager::getInstance();?>
                                <div class="cart-details"  data-bind="css: { empty: !!getCartParam('summary_count') == false }, blockLoader: isLoading">
                                    <p class="mb-0 d-block float-left"><span id="quantity"></span> Items - <?php echo $this->helper('\Magento\Checkout\Helper\Cart')->getQuote()->getItemsCount();?><i class="fa fa-rupee"></i> <span id="price" > <?php echo $this->helper('\Magento\Checkout\Helper\Cart')->getQuote()->getGrandTotal();?></span></p>
                                    <span class="shoppingBag">
                                        <i class="fa fa-shopping-bag ml-3 font-size24"></i>
                                        <span class="shoppingBadge">1</span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>


            <div class="w-100 nav-div">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-11 col-10">
                            <nav class="navbar navbar-expand-lg">
                                <a class="navbar-brand logo" href="index.html"><img src="<?php echo $this->getViewFileUrl('images/logo-white.png'); ?>" alt="Flurys"></a>
                                <button class="navbar-toggler p-3" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                                    <span class="text-white">Menu</span>
                                </button>

                                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                                    <ul class="navbar-nav ml-auto">
                                        <li class="nav-item p-0"><a class="nav-link" href="index.html"><i class="la la-home"></i></a></li>
                                        <li class="nav-item p-0"><a class="nav-link" href="#">Our Legacy</a></li>
                                        <li class="nav-item dropdown">
                                            <a class="nav-link dropdown-toggle text-left" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Products</a>
                                            <div class="dropdown-menu bg-cover" aria-labelledby="navbarDropdown" style="background-image:url(<?php echo $this->getViewFileUrl('images/mega-menu_bg.png'); ?>);">
                                                <div class="container">
                                                    <div class="row">
                                                        <div class="col-lg-4 col-md-6">
                                                            <ul class="nav flex-column border-right_pink">
                                                                <li class="nav-item mega-nav-item"><a class="nav-link ml-0" href="#">Heritage</a></li>
                                                                <li class="nav-item mega-nav-item"><a class="nav-link ml-0" href="#">Cakes &amp; Pastries</a></li>
                                                                <li class="nav-item mega-nav-item"><a class="nav-link ml-0" href="#">Chocolates &amp; Cookies</a></li>
                                                                <li class="nav-item mega-nav-item"><a class="nav-link ml-0" href="#">Savories &amp; Sandwiches</a></li>
                                                                <li class="nav-item mega-nav-item"><a class="nav-link ml-0" href="#">Fresh Bakes</a></li>
                                                                <li class="nav-item mega-nav-item"><a class="nav-link ml-0" href="#">Seasons Specials</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-lg-4 col-md-6">
                                                            <div class="w-100">
                                                                <img src="<?php echo $this->getViewFileUrl('images/mega-menu_discount.png'); ?>" alt="">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4 col-md-12">
                                                            <div class="w-100">
                                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                                                            </div>    
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="nav-item p-0 season_special">
                                            <img src="images/new.png" alt="New">
                                            <a class="nav-link" href="#">Season's Special</a>
                                        </li>
                                        <li class="nav-item p-0"><a class="nav-link" href="#">Find Us &amp; Contact</a></li>
                                        <li class="nav-item d-flex align-items-center p-0"><a class="nav-link order" href="#">Order Online</a></li>
                                    </ul>
                                </div>

                                <!--<a class="nav-link" href="index.html"><i class="fa fa-bars"></i></a>-->
                            </nav>
                        </div>

                        <div class="col-sm-1 col-2 d-lg-flex align-items-center">
                            <div class="w-100 d-flex align-items-center">
                                <button type="button" id="sidebarCollapse" class="nav-link bars" style="background:none; border:none; cursor:pointer;">
                                    <i class="fa fa-bars"></i>
                                </button>
                                <!--<a class="nav-link bars" href="index.html"><i class="fa fa-bars"></i></a>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <!--Carousel-->
        <section id="slideShow" class="carousel slide" data-ride="carousel">
            <!--Indicators-->
            <ul class="carousel-indicators">
                <li data-target="#slideShow" data-slide-to="0" class="active"></li>
                <li data-target="#slideShow" data-slide-to="1"></li>
                <li data-target="#slideShow" data-slide-to="2"></li>
            </ul>

            <!--Slideshow-->
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="<?php echo $this->getViewFileUrl('images/slider-1.jpg'); ?>" alt="Slide 1">
                    <div class="slide-txt">
                        <p>More than 70 Years of Pure Indulgence</p>
                        <input type="submit" value="Order Now" class="cta text-white">
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="<?php echo $this->getViewFileUrl('images/slider-2.jpg'); ?> " alt="Slide 2">
                    <div class="slide-txt">
                        <p>More than 70 Years of Pure Indulgence</p>
                        <input type="submit" value="Order Now" class="cta text-white">
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="<?php echo $this->getViewFileUrl('images/slider-3.jpg'); ?>" alt="Slide 3">
                    <div class="slide-txt">
                        <p>More than 70 Years of Pure Indulgence</p>
                        <input type="submit" value="Order Now" class="cta text-white">
                    </div>
                </div>
            </div>

            <!--Left and right controls-->
            <a class="carousel-control-prev" href="#slideShow" data-slide="prev">
                <span class="carousel-control-prev-icon"></span>
            </a>
            <a class="carousel-control-next" href="#slideShow" data-slide="next">
                <span class="carousel-control-next-icon"></span>
            </a>
        </section>

    <script>
$("document").ready(function(){
  $.ajax({url: "<?php echo $block->getBaseUrl();?>/flurys/page/view", success: function(result){
$("#price").html(result);
  }});
});
    </script>

Пожалуйста, помогите, если я что-то делаю не так

...