Monday, 18 July 2016

How to remove Default Magento 2 footer links

Step 1: Contact us
Go to \app\code\Magento\catalog\view\frontend\Layout\default.xml

Step 2: Remove footer links
For Privacy and Cookie Policy

Go to \app\code\Magento\Cms\view\frontend\Layout\default.xml

Comment block Line no- 13

<referenceBlock name="footer_links">
<block class="Magento\Framework\View\Element\Html\Link\Current" name="privacy-policy-link">
<arguments>
<argument name="label" xsi:type="string">Privacy and Cookie Policy</argument>
<argument name="path" xsi:type="string">privacy-policy-cookie-restriction-mode</argument>
</arguments>
</block>
</referenceBlock>

For Search Terms

Go to app\code\Magento\Search\view\frontend\Layout\default.xml

Comment on block Line no- 13

<referenceBlock name="footer_links">
<block class="Magento\Framework\View\Element\Html\Link\Current" ifconfig="catalog/seo/search_terms" name="search-term-popular-link"><arguments>
<argument name="label" xsi:type="string" translate="true">Search Terms</argument>
<argument name="path" xsi:type="string">search/term/popular</argument></arguments>
</block>
</referenceBlock>

For Orders and Returns

Go to app\code\Magento\Sales\view\frontend\Layout\default.xml

Comment block Line no- 16

<referenceBlock name="footer_links">
<block class="Magento\Sales\Block\Guest\Link" name="sales-guest-form-link">
<arguments>
<argument name="label" xsi:type="string">Orders and Returns</argument>
<argument name="path" xsi:type="string">sales/guest/form</argument></arguments>
</block>
</referenceBlock>

For Advanced Search

Go to app\code\Magento\CatalogSearch\view\frontend\Layout\default.xml

Comment block Line no- 13

<referenceBlock name="footer_links">
<block class="Magento\Framework\View\Element\Html\Link\Current" name="catalog-search-advanced-link">
<arguments>
<argument name="label" xsi:type="string" translate="true">Advanced Search</argument>
<argument name="path" xsi:type="string">catalogsearch/advanced</argument><argument name="attributes" xsi:type="array">
<item name="data-action" xsi:type="string">advanced-search</item></argument>
</arguments>
</block>
</referenceBlock>
Posted by at No comments:
Labels: , ,

Magento 2 add custom footer

default.xml from module Magento\Theme add this code inside footer referenceContainer

 <block class="Magento\Cms\Block\Block" name="block-footer" after="footer_links">
      <arguments>
            <argument name="block_id" xsi:type="string">block_footer_custom</argument>
      </arguments>

</block>


Goto backend Content > Blocks > Add new static block with identifier name block_footer_custom with any html code you need. It so easy to editable Clear cache and re-

deploy static. Now you will get your custom block
Posted by at No comments:
Labels: , ,

Custom jQuery use in magento 2

<script>
require(['jquery'],function($){ /*First call this function and after add your jQuery code*/

$( document ).ready(function() {
$(".navigation ul li").hover(function() {
    alert("hello");
});
});

});
</script>
Posted by at No comments:
Labels: ,

magento call block in any where in page dynamically

Add xml in  Layout Update XML on Designs tab in cms page

 <reference name="root">
<block type="bannerslider/default" name="bannerslider" template="bannerslider/bannerslider.phtml">
    <action method="setBannersliderId"><bannerslider_id>1</bannerslider_id></action>
</block>
</reference>

Add below code in any layout page (1column.phtml) where you want show

<?php echo $this->getChildHtml('bannerslider'); ?>
Posted by at No comments:
Labels: , ,

How to place top menu to left side bar in magento 2


Add below code in <body> tag in Magento_Theme/view/frontend/layout/default.xml

<referenceContainer name="sidebar.main">
<block class="Magento\Framework\View\Element\Template" name="store.menu" group="navigation-sections" template="Magento_Theme::html/container.phtml">
<arguments>
<argument name="title" translate="true" xsi:type="string">Menu</argument>
</arguments>
</block>
</referenceContainer>

Posted by at 1 comment:
Labels: ,

magento 2 call newsletter in sidebar

add below code in <body> tag in module-newsletter/view/frontend/layout/default.xml

 <referenceContainer name="sidebar.additional">
            <block class="Magento\Newsletter\Block\Subscribe" name="form.subscribe" as="subscribe" after="wishlist_sidebar" template="subscribe.phtml"/>

        </referenceContainer>

 Note :- You can use sidebar.main instead of sidebar.additional  for show in top of sidebar.
Posted by at No comments:
Labels: , ,

Wednesday, 22 June 2016

Google Maps Calculate Distance,Travel Duration, draw (plot) Route and display Directions between two locations

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places"></script>
<script type="text/javascript">
        var source, destination;
        var directionsDisplay;
        var directionsService = new google.maps.DirectionsService();
        google.maps.event.addDomListener(window, 'load', function () {
            new google.maps.places.SearchBox(document.getElementById('txtSource'));
            new google.maps.places.SearchBox(document.getElementById('txtDestination'));
            directionsDisplay = new google.maps.DirectionsRenderer({ 'draggable': true });
        });

        function GetRoute() {
            var mumbai = new google.maps.LatLng(18.9750, 72.8258);
            var mapOptions = {
                zoom: 7,
                center: mumbai
            };
            map = new google.maps.Map(document.getElementById('dvMap'), mapOptions);
            directionsDisplay.setMap(map);
            directionsDisplay.setPanel(document.getElementById('dvPanel'));

            //*********DIRECTIONS AND ROUTE**********************//
            source = document.getElementById("txtSource").value;
            destination = document.getElementById("txtDestination").value;

            var request = {
                origin: source,
                destination: destination,
                travelMode: google.maps.TravelMode.DRIVING
            };
            directionsService.route(request, function (response, status) {
                if (status == google.maps.DirectionsStatus.OK) {
                    directionsDisplay.setDirections(response);
                }
            });

            //*********DISTANCE AND DURATION**********************//
            var service = new google.maps.DistanceMatrixService();
            service.getDistanceMatrix({
                origins: [source],
                destinations: [destination],
                travelMode: google.maps.TravelMode.DRIVING,
                unitSystem: google.maps.UnitSystem.METRIC,
                avoidHighways: false,
                avoidTolls: false
            }, function (response, status) {
                if (status == google.maps.DistanceMatrixStatus.OK && response.rows[0].elements[0].status != "ZERO_RESULTS") {
                    var distance = response.rows[0].elements[0].distance.text;
                    var duration = response.rows[0].elements[0].duration.text;
                    var dvDistance = document.getElementById("dvDistance");
                    dvDistance.innerHTML = "";
                    dvDistance.innerHTML += "Distance: " + distance + "<br />";
                    dvDistance.innerHTML += "Duration:" + duration;

                } else {
                    alert("Unable to find the distance via road.");
                }
            });
        }
    </script>
<body onLoad="GetRoute();">
<table border="0" cellpadding="0" cellspacing="3">
  <tbody>
    <tr>
      <td colspan="2"> Source:
        <input type="text" id="txtSource" value="Behror, Rajasthan, India" style="width: 250px" placeholder="Enter a query" autocomplete="off">
        &nbsp;&nbsp; Destination:
        <input type="text" id="txtDestination" value="Jaipur, Rajasthan, India" style="width: 250px" placeholder="Enter a query" autocomplete="off">
        <br>
        <br>
        <input type="button" value="Get Route" onclick="GetRoute()">
        <hr></td>
    </tr>
    <tr>
      <td colspan="2"><div id="dvDistance"> </div></td>
    </tr>
    <tr>
      <td><div id="dvMap" style="width: 500px; height: 500px"> </div></td>
      <td><div id="dvPanel" style="width: 500px; height: 500px;overflow-y:auto"> </div></td>
    </tr>
  </tbody>
</table>
</body>
Posted by at No comments:
Labels: , ,
Subscribe to: Posts (Atom)