Magento 1.9 : TypeError: jQuery(…).owlCarousel is not a function The Next CEO of Stack OverflowUncaught TypeError: undefined is not a function when using a jQuery plugin in MagentoJquery Conflict Issue Magento 1.9Uncaught TypeError: $(…).jqzoom is not a functionjQuery conflict in owlcarouselTypeError: element.prop is not a function - Magento 2$.widget is not a function jquery error in magento 2TypeError: $(…).foundation is not a function - Magento 1.9jquery plugin error “Uncaught TypeError: $(…).[plugin function] is not a function”Uncaught TypeError: $.initNamespaceStorage is not a function magento2

What does "Its cash flow is deeply negative" mean?

Novel about a guy who is possessed by the divine essence and the world ends?

How does the mv command work with external drives?

In excess I'm lethal

Interfacing a button to MCU (and PC) with 50m long cable

Unreliable Magic - Is it worth it?

Real integral using residue theorem - why doesn't this work?

How did the Bene Gesserit know how to make a Kwisatz Haderach?

Why do airplanes bank sharply to the right after air-to-air refueling?

Is it professional to write unrelated content in an almost-empty email?

Won the lottery - how do I keep the money?

Why am I allowed to create multiple unique pointers from a single object?

Which kind of appliances can one connect to electric sockets located in a airplane's toilet?

Do I need to enable Dev Hub in my PROD Org?

Is micro rebar a better way to reinforce concrete than rebar?

Written every which way

If the heap is initialized for security, then why is the stack uninitialized?

Is there a difference between "Fahrstuhl" and "Aufzug"

Several mode to write the symbol of a vector

What is the result of assigning to std::vector<T>::begin()?

Can I run my washing machine drain line into a condensate pump so it drains better?

How do scammers retract money, while you can’t?

Is it ever safe to open a suspicious html file (e.g. email attachment)?

Which tube will fit a -(700 x 25c) wheel?



Magento 1.9 : TypeError: jQuery(…).owlCarousel is not a function



The Next CEO of Stack OverflowUncaught TypeError: undefined is not a function when using a jQuery plugin in MagentoJquery Conflict Issue Magento 1.9Uncaught TypeError: $(…).jqzoom is not a functionjQuery conflict in owlcarouselTypeError: element.prop is not a function - Magento 2$.widget is not a function jquery error in magento 2TypeError: $(…).foundation is not a function - Magento 1.9jquery plugin error “Uncaught TypeError: $(…).[plugin function] is not a function”Uncaught TypeError: $.initNamespaceStorage is not a function magento2










0















I get a problem with the owl-Carousel. I have tried many different answers from the same question however nothing helps. So I will show you all my code and hope someone knows the answer.The problem keep appears "TypeError: jQuery(...).owlCarousel is not a function".



This is my local.xml content where I've included the js & css files:



 <default>
<reference name="head">
<action method="addJs"><script>lib/jquery/jquery-2.1.1.js</script></action>
<action method="addJs"><script>lib/jquery/noconflict.js</script></action>
<action method="addJs"><script>assets/js/jquery.popup.min.js</script></action>
<action method="addJs"><script>assets/js/jquery.popup.js</script></action>
<action method="addItem"><type>js_css</type><name>assets/css/popup.css</name></action>
<action method="addJs"><script>owl/owl-carousel/owl.carousel.min.js</script></action>
<action method="addItem"><type>js_css</type><name>owl/owl-carousel/owl.carousel.css</name></action>
<action method="addItem"><type>js_css</type><name>owl/owl-carousel/owl.theme.css</name></action>
<action method="addItem"><type>js_css</type><name>owl/owl-carousel/owl.transition.css</name></action>




This is my code for showing the products in the slider with the jQuery script underneath:

jQuery.noConflict();
jQuery(document).ready(function()



 jQuery("#owl-demo").owlCarousel(
items : 4,
lazyLoad : true,
navigation : true
);

);
</script>

<div id="owl-demo" class="owl-carousel">
<?php

$categoryId = 2; // this is the category holding your products
$products = Mage::getSingleton('catalog/category')->load($categoryId) // load the category
->getProductCollection() // and the products
->addAttributeToSelect('image'); // tell Magento which attributes to get

foreach ($products as $product) // iterate through the entire collection
echo '<div class="item"><img src='.$product->getImageUrl().'></div>'; // print the image url inside of the required Owl markup


?>
</div>









share|improve this question




























    0















    I get a problem with the owl-Carousel. I have tried many different answers from the same question however nothing helps. So I will show you all my code and hope someone knows the answer.The problem keep appears "TypeError: jQuery(...).owlCarousel is not a function".



    This is my local.xml content where I've included the js & css files:



     <default>
    <reference name="head">
    <action method="addJs"><script>lib/jquery/jquery-2.1.1.js</script></action>
    <action method="addJs"><script>lib/jquery/noconflict.js</script></action>
    <action method="addJs"><script>assets/js/jquery.popup.min.js</script></action>
    <action method="addJs"><script>assets/js/jquery.popup.js</script></action>
    <action method="addItem"><type>js_css</type><name>assets/css/popup.css</name></action>
    <action method="addJs"><script>owl/owl-carousel/owl.carousel.min.js</script></action>
    <action method="addItem"><type>js_css</type><name>owl/owl-carousel/owl.carousel.css</name></action>
    <action method="addItem"><type>js_css</type><name>owl/owl-carousel/owl.theme.css</name></action>
    <action method="addItem"><type>js_css</type><name>owl/owl-carousel/owl.transition.css</name></action>




    This is my code for showing the products in the slider with the jQuery script underneath:

    jQuery.noConflict();
    jQuery(document).ready(function()



     jQuery("#owl-demo").owlCarousel(
    items : 4,
    lazyLoad : true,
    navigation : true
    );

    );
    </script>

    <div id="owl-demo" class="owl-carousel">
    <?php

    $categoryId = 2; // this is the category holding your products
    $products = Mage::getSingleton('catalog/category')->load($categoryId) // load the category
    ->getProductCollection() // and the products
    ->addAttributeToSelect('image'); // tell Magento which attributes to get

    foreach ($products as $product) // iterate through the entire collection
    echo '<div class="item"><img src='.$product->getImageUrl().'></div>'; // print the image url inside of the required Owl markup


    ?>
    </div>









    share|improve this question


























      0












      0








      0


      0






      I get a problem with the owl-Carousel. I have tried many different answers from the same question however nothing helps. So I will show you all my code and hope someone knows the answer.The problem keep appears "TypeError: jQuery(...).owlCarousel is not a function".



      This is my local.xml content where I've included the js & css files:



       <default>
      <reference name="head">
      <action method="addJs"><script>lib/jquery/jquery-2.1.1.js</script></action>
      <action method="addJs"><script>lib/jquery/noconflict.js</script></action>
      <action method="addJs"><script>assets/js/jquery.popup.min.js</script></action>
      <action method="addJs"><script>assets/js/jquery.popup.js</script></action>
      <action method="addItem"><type>js_css</type><name>assets/css/popup.css</name></action>
      <action method="addJs"><script>owl/owl-carousel/owl.carousel.min.js</script></action>
      <action method="addItem"><type>js_css</type><name>owl/owl-carousel/owl.carousel.css</name></action>
      <action method="addItem"><type>js_css</type><name>owl/owl-carousel/owl.theme.css</name></action>
      <action method="addItem"><type>js_css</type><name>owl/owl-carousel/owl.transition.css</name></action>




      This is my code for showing the products in the slider with the jQuery script underneath:

      jQuery.noConflict();
      jQuery(document).ready(function()



       jQuery("#owl-demo").owlCarousel(
      items : 4,
      lazyLoad : true,
      navigation : true
      );

      );
      </script>

      <div id="owl-demo" class="owl-carousel">
      <?php

      $categoryId = 2; // this is the category holding your products
      $products = Mage::getSingleton('catalog/category')->load($categoryId) // load the category
      ->getProductCollection() // and the products
      ->addAttributeToSelect('image'); // tell Magento which attributes to get

      foreach ($products as $product) // iterate through the entire collection
      echo '<div class="item"><img src='.$product->getImageUrl().'></div>'; // print the image url inside of the required Owl markup


      ?>
      </div>









      share|improve this question
















      I get a problem with the owl-Carousel. I have tried many different answers from the same question however nothing helps. So I will show you all my code and hope someone knows the answer.The problem keep appears "TypeError: jQuery(...).owlCarousel is not a function".



      This is my local.xml content where I've included the js & css files:



       <default>
      <reference name="head">
      <action method="addJs"><script>lib/jquery/jquery-2.1.1.js</script></action>
      <action method="addJs"><script>lib/jquery/noconflict.js</script></action>
      <action method="addJs"><script>assets/js/jquery.popup.min.js</script></action>
      <action method="addJs"><script>assets/js/jquery.popup.js</script></action>
      <action method="addItem"><type>js_css</type><name>assets/css/popup.css</name></action>
      <action method="addJs"><script>owl/owl-carousel/owl.carousel.min.js</script></action>
      <action method="addItem"><type>js_css</type><name>owl/owl-carousel/owl.carousel.css</name></action>
      <action method="addItem"><type>js_css</type><name>owl/owl-carousel/owl.theme.css</name></action>
      <action method="addItem"><type>js_css</type><name>owl/owl-carousel/owl.transition.css</name></action>




      This is my code for showing the products in the slider with the jQuery script underneath:

      jQuery.noConflict();
      jQuery(document).ready(function()



       jQuery("#owl-demo").owlCarousel(
      items : 4,
      lazyLoad : true,
      navigation : true
      );

      );
      </script>

      <div id="owl-demo" class="owl-carousel">
      <?php

      $categoryId = 2; // this is the category holding your products
      $products = Mage::getSingleton('catalog/category')->load($categoryId) // load the category
      ->getProductCollection() // and the products
      ->addAttributeToSelect('image'); // tell Magento which attributes to get

      foreach ($products as $product) // iterate through the entire collection
      echo '<div class="item"><img src='.$product->getImageUrl().'></div>'; // print the image url inside of the required Owl markup


      ?>
      </div>






      magento-1.9 jquery






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited 12 mins ago









      Teja Bhagavan Kollepara

      3,01241949




      3,01241949










      asked Oct 1 '15 at 11:55









      Bako GdaniecBako Gdaniec

      1241115




      1241115




















          2 Answers
          2






          active

          oldest

          votes


















          2














          Please remove "owl.carousel.js" ans also add jQuery.noConflict(); before "jQuery(document).ready(function() {" .



          Please check another jquery library is not included in head except "jquery-2.1.1.js".






          share|improve this answer























          • I have added the noConflict however that shouldn't be a problem , I have also deleted the owl.carousel.js and there is no other library than 2.1.1. And still getting the same error.

            – Bako Gdaniec
            Oct 1 '15 at 12:39











          • please add script code before <div id="owl-demo" class="owl-carousel">

            – John
            Oct 1 '15 at 12:50












          • I have done that before and it hasn't worked. I've tried that now and no difference the problem keeps appearing.

            – Bako Gdaniec
            Oct 1 '15 at 12:53











          • can you please post your page view source head section image?so i can look for jquery conflict.

            – John
            Oct 1 '15 at 12:58






          • 1





            After all you were right about it I have deleted the jquery and the fault has disappeared. The only thing is the carousel is not showing up on the home page. I am not sure if it might be because I dont have any products I will add products and see. Just curious if a css should appear even without any images. And Thank You very much !

            – Bako Gdaniec
            Oct 1 '15 at 14:16


















          0














          I had this problem when I installed the Bassi Image Slider and it broke a slider function from my theme. I discovered this module was loading it owns jquery directly on its phtml file.



          I've commented the jquery call there and it's solved.



          Firefox helped me that better than Chrome because it told which library was rendering the error.



          Hope it helps some way;






          share|improve this answer

























            Your Answer








            StackExchange.ready(function()
            var channelOptions =
            tags: "".split(" "),
            id: "479"
            ;
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function()
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled)
            StackExchange.using("snippets", function()
            createEditor();
            );

            else
            createEditor();

            );

            function createEditor()
            StackExchange.prepareEditor(
            heartbeatType: 'answer',
            autoActivateHeartbeat: false,
            convertImagesToLinks: false,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: null,
            bindNavPrevention: true,
            postfix: "",
            imageUploader:
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            ,
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            );



            );













            draft saved

            draft discarded


















            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f84894%2fmagento-1-9-typeerror-jquery-owlcarousel-is-not-a-function%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown

























            2 Answers
            2






            active

            oldest

            votes








            2 Answers
            2






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            2














            Please remove "owl.carousel.js" ans also add jQuery.noConflict(); before "jQuery(document).ready(function() {" .



            Please check another jquery library is not included in head except "jquery-2.1.1.js".






            share|improve this answer























            • I have added the noConflict however that shouldn't be a problem , I have also deleted the owl.carousel.js and there is no other library than 2.1.1. And still getting the same error.

              – Bako Gdaniec
              Oct 1 '15 at 12:39











            • please add script code before <div id="owl-demo" class="owl-carousel">

              – John
              Oct 1 '15 at 12:50












            • I have done that before and it hasn't worked. I've tried that now and no difference the problem keeps appearing.

              – Bako Gdaniec
              Oct 1 '15 at 12:53











            • can you please post your page view source head section image?so i can look for jquery conflict.

              – John
              Oct 1 '15 at 12:58






            • 1





              After all you were right about it I have deleted the jquery and the fault has disappeared. The only thing is the carousel is not showing up on the home page. I am not sure if it might be because I dont have any products I will add products and see. Just curious if a css should appear even without any images. And Thank You very much !

              – Bako Gdaniec
              Oct 1 '15 at 14:16















            2














            Please remove "owl.carousel.js" ans also add jQuery.noConflict(); before "jQuery(document).ready(function() {" .



            Please check another jquery library is not included in head except "jquery-2.1.1.js".






            share|improve this answer























            • I have added the noConflict however that shouldn't be a problem , I have also deleted the owl.carousel.js and there is no other library than 2.1.1. And still getting the same error.

              – Bako Gdaniec
              Oct 1 '15 at 12:39











            • please add script code before <div id="owl-demo" class="owl-carousel">

              – John
              Oct 1 '15 at 12:50












            • I have done that before and it hasn't worked. I've tried that now and no difference the problem keeps appearing.

              – Bako Gdaniec
              Oct 1 '15 at 12:53











            • can you please post your page view source head section image?so i can look for jquery conflict.

              – John
              Oct 1 '15 at 12:58






            • 1





              After all you were right about it I have deleted the jquery and the fault has disappeared. The only thing is the carousel is not showing up on the home page. I am not sure if it might be because I dont have any products I will add products and see. Just curious if a css should appear even without any images. And Thank You very much !

              – Bako Gdaniec
              Oct 1 '15 at 14:16













            2












            2








            2







            Please remove "owl.carousel.js" ans also add jQuery.noConflict(); before "jQuery(document).ready(function() {" .



            Please check another jquery library is not included in head except "jquery-2.1.1.js".






            share|improve this answer













            Please remove "owl.carousel.js" ans also add jQuery.noConflict(); before "jQuery(document).ready(function() {" .



            Please check another jquery library is not included in head except "jquery-2.1.1.js".







            share|improve this answer












            share|improve this answer



            share|improve this answer










            answered Oct 1 '15 at 12:05









            JohnJohn

            572718




            572718












            • I have added the noConflict however that shouldn't be a problem , I have also deleted the owl.carousel.js and there is no other library than 2.1.1. And still getting the same error.

              – Bako Gdaniec
              Oct 1 '15 at 12:39











            • please add script code before <div id="owl-demo" class="owl-carousel">

              – John
              Oct 1 '15 at 12:50












            • I have done that before and it hasn't worked. I've tried that now and no difference the problem keeps appearing.

              – Bako Gdaniec
              Oct 1 '15 at 12:53











            • can you please post your page view source head section image?so i can look for jquery conflict.

              – John
              Oct 1 '15 at 12:58






            • 1





              After all you were right about it I have deleted the jquery and the fault has disappeared. The only thing is the carousel is not showing up on the home page. I am not sure if it might be because I dont have any products I will add products and see. Just curious if a css should appear even without any images. And Thank You very much !

              – Bako Gdaniec
              Oct 1 '15 at 14:16

















            • I have added the noConflict however that shouldn't be a problem , I have also deleted the owl.carousel.js and there is no other library than 2.1.1. And still getting the same error.

              – Bako Gdaniec
              Oct 1 '15 at 12:39











            • please add script code before <div id="owl-demo" class="owl-carousel">

              – John
              Oct 1 '15 at 12:50












            • I have done that before and it hasn't worked. I've tried that now and no difference the problem keeps appearing.

              – Bako Gdaniec
              Oct 1 '15 at 12:53











            • can you please post your page view source head section image?so i can look for jquery conflict.

              – John
              Oct 1 '15 at 12:58






            • 1





              After all you were right about it I have deleted the jquery and the fault has disappeared. The only thing is the carousel is not showing up on the home page. I am not sure if it might be because I dont have any products I will add products and see. Just curious if a css should appear even without any images. And Thank You very much !

              – Bako Gdaniec
              Oct 1 '15 at 14:16
















            I have added the noConflict however that shouldn't be a problem , I have also deleted the owl.carousel.js and there is no other library than 2.1.1. And still getting the same error.

            – Bako Gdaniec
            Oct 1 '15 at 12:39





            I have added the noConflict however that shouldn't be a problem , I have also deleted the owl.carousel.js and there is no other library than 2.1.1. And still getting the same error.

            – Bako Gdaniec
            Oct 1 '15 at 12:39













            please add script code before <div id="owl-demo" class="owl-carousel">

            – John
            Oct 1 '15 at 12:50






            please add script code before <div id="owl-demo" class="owl-carousel">

            – John
            Oct 1 '15 at 12:50














            I have done that before and it hasn't worked. I've tried that now and no difference the problem keeps appearing.

            – Bako Gdaniec
            Oct 1 '15 at 12:53





            I have done that before and it hasn't worked. I've tried that now and no difference the problem keeps appearing.

            – Bako Gdaniec
            Oct 1 '15 at 12:53













            can you please post your page view source head section image?so i can look for jquery conflict.

            – John
            Oct 1 '15 at 12:58





            can you please post your page view source head section image?so i can look for jquery conflict.

            – John
            Oct 1 '15 at 12:58




            1




            1





            After all you were right about it I have deleted the jquery and the fault has disappeared. The only thing is the carousel is not showing up on the home page. I am not sure if it might be because I dont have any products I will add products and see. Just curious if a css should appear even without any images. And Thank You very much !

            – Bako Gdaniec
            Oct 1 '15 at 14:16





            After all you were right about it I have deleted the jquery and the fault has disappeared. The only thing is the carousel is not showing up on the home page. I am not sure if it might be because I dont have any products I will add products and see. Just curious if a css should appear even without any images. And Thank You very much !

            – Bako Gdaniec
            Oct 1 '15 at 14:16













            0














            I had this problem when I installed the Bassi Image Slider and it broke a slider function from my theme. I discovered this module was loading it owns jquery directly on its phtml file.



            I've commented the jquery call there and it's solved.



            Firefox helped me that better than Chrome because it told which library was rendering the error.



            Hope it helps some way;






            share|improve this answer





























              0














              I had this problem when I installed the Bassi Image Slider and it broke a slider function from my theme. I discovered this module was loading it owns jquery directly on its phtml file.



              I've commented the jquery call there and it's solved.



              Firefox helped me that better than Chrome because it told which library was rendering the error.



              Hope it helps some way;






              share|improve this answer



























                0












                0








                0







                I had this problem when I installed the Bassi Image Slider and it broke a slider function from my theme. I discovered this module was loading it owns jquery directly on its phtml file.



                I've commented the jquery call there and it's solved.



                Firefox helped me that better than Chrome because it told which library was rendering the error.



                Hope it helps some way;






                share|improve this answer















                I had this problem when I installed the Bassi Image Slider and it broke a slider function from my theme. I discovered this module was loading it owns jquery directly on its phtml file.



                I've commented the jquery call there and it's solved.



                Firefox helped me that better than Chrome because it told which library was rendering the error.



                Hope it helps some way;







                share|improve this answer














                share|improve this answer



                share|improve this answer








                edited May 18 '16 at 4:33









                Qaisar Satti

                27k1256109




                27k1256109










                answered May 18 '16 at 0:13









                Filipe MarquesFilipe Marques

                417




                417



























                    draft saved

                    draft discarded
















































                    Thanks for contributing an answer to Magento Stack Exchange!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid


                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.

                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function ()
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f84894%2fmagento-1-9-typeerror-jquery-owlcarousel-is-not-a-function%23new-answer', 'question_page');

                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    Disable / Remove link to Product Items in Cart Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?How can I limit products that can be bought / added to cart?Remove item from cartHide “Add to Cart” button if specific products are already in cart“Prettifying” the custom options in cart pageCreate link in cart sidebar to view all added items After limit reachedLink products together in checkout/cartHow to Get product from cart and add it againHide action-edit on cart page if simple productRemoving Cart items - ObserverRemove wishlist items when added to cart

                    Helsingin valtaus Sisällysluettelo Taustaa | Yleistä sotatoimista | Osapuolet | Taistelut Helsingin ympäristössä | Punaisten antautumissuunnitelma | Taistelujen kulku Helsingissä | Valtauksen jälkeen | Tappiot | Muistaminen | Kirjallisuutta | Lähteet | Aiheesta muualla | NavigointivalikkoTeoksen verkkoversioTeoksen verkkoversioGoogle BooksSisällissota Helsingissä päättyi tasan 95 vuotta sittenSaksalaisten ylivoima jyräsi punaisen HelsinginSuomalaiset kuvaavat sotien jälkiä kaupungeissa – katso kuvat ja tarinat tutuilta kulmiltaHelsingin valtaus 90 vuotta sittenSaksalaiset valtasivat HelsinginHyökkäys HelsinkiinHelsingin valtaus 12.–13.4. 1918Saksalaiset käyttivät ihmiskilpiä Helsingin valtauksessa 1918Teoksen verkkoversioTeoksen verkkoversioSaksalaiset hyökkäävät Etelä-SuomeenTaistelut LeppävaarassaSotilaat ja taistelutLeppävaara 1918 huhtikuussa. KapinatarinaHelsingin taistelut 1918Saksalaisten voitonparaati HelsingissäHelsingin valtausta juhlittiinSaksalaisten Helsinki vuonna 1918Helsingin taistelussa kaatuneet valkokaartilaisetHelsinkiin haudatut taisteluissa kaatuneet punaiset12.4.1918 Helsingin valtauksessa saksalaiset apujoukot vapauttavat kaupunginVapaussodan muistomerkkejä Helsingissä ja pääkaupunkiseudullaCrescendo / Vuoden 1918 Kansalaissodan uhrien muistomerkkim

                    Adjektiivitarina Tarinan tekeminen | Esimerkki: ennen | Esimerkki: jälkeen | Navigointivalikko