Programmatically add image to media gallery in Magento2












0















I am looking at this article on the Gallery API in Magento2. I am testing the code samples in my browser



var api = $('[data-gallery-role="gallery"]').data('gallery');


However, this returns undefined... The first part does return an element 



$('[data-gallery-role="gallery"]')


The later part is what seems to not be working as expected. Any idea what's wrong?






magento2 javascript gallery-image







share|improve this question























  • I assume I have to initialize it first?

    – quickshiftin
    5 hours ago


















0















I am looking at this article on the Gallery API in Magento2. I am testing the code samples in my browser



var api = $('[data-gallery-role="gallery"]').data('gallery');


However, this returns undefined... The first part does return an element 



$('[data-gallery-role="gallery"]')


The later part is what seems to not be working as expected. Any idea what's wrong?






magento2 javascript gallery-image







share|improve this question























  • I assume I have to initialize it first?

    – quickshiftin
    5 hours ago
















0












0








0








I am looking at this article on the Gallery API in Magento2. I am testing the code samples in my browser



var api = $('[data-gallery-role="gallery"]').data('gallery');


However, this returns undefined... The first part does return an element 



$('[data-gallery-role="gallery"]')


The later part is what seems to not be working as expected. Any idea what's wrong?






magento2 javascript gallery-image







share|improve this question














I am looking at this article on the Gallery API in Magento2. I am testing the code samples in my browser



var api = $('[data-gallery-role="gallery"]').data('gallery');


However, this returns undefined... The first part does return an element 



$('[data-gallery-role="gallery"]')


The later part is what seems to not be working as expected. Any idea what's wrong?






magento2 javascript gallery-image




magento2 javascript gallery-image






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked 5 hours ago









quickshiftinquickshiftin

871925




871925













  • I assume I have to initialize it first?

    – quickshiftin
    5 hours ago





















  • I assume I have to initialize it first?

    – quickshiftin
    5 hours ago



















I assume I have to initialize it first?

– quickshiftin
5 hours ago







I assume I have to initialize it first?

– quickshiftin
5 hours ago












1 Answer
1






active

oldest

votes


















0














I figured it out. We are using a custom theme on this project, so navigating to 



custom-theme-dir/Magento_Catalog/templates/product/view/gallery.phtml


I found



<script type="text/x-magento-init">

    {

        "[data-gallery-role=gallery-placeholder]": {

           ...


So in my case the code to access the fotorama api is



var fotorama = jQuery('[data-gallery-role=gallery-placeholder').data('gallery');





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%2f261022%2fprogrammatically-add-image-to-media-gallery-in-magento2%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    0














    I figured it out. We are using a custom theme on this project, so navigating to 



    custom-theme-dir/Magento_Catalog/templates/product/view/gallery.phtml


    I found



    <script type="text/x-magento-init">
    
    {
    
        "[data-gallery-role=gallery-placeholder]": {
    
           ...


    So in my case the code to access the fotorama api is



    var fotorama = jQuery('[data-gallery-role=gallery-placeholder').data('gallery');





    share|improve this answer




























      0














      I figured it out. We are using a custom theme on this project, so navigating to 



      custom-theme-dir/Magento_Catalog/templates/product/view/gallery.phtml


      I found



      <script type="text/x-magento-init">
      
    {
      
        "[data-gallery-role=gallery-placeholder]": {
      
           ...


      So in my case the code to access the fotorama api is



      var fotorama = jQuery('[data-gallery-role=gallery-placeholder').data('gallery');





      share|improve this answer


























        0












        0








        0







        I figured it out. We are using a custom theme on this project, so navigating to 



        custom-theme-dir/Magento_Catalog/templates/product/view/gallery.phtml


        I found



        <script type="text/x-magento-init">
        
    {
        
        "[data-gallery-role=gallery-placeholder]": {
        
           ...


        So in my case the code to access the fotorama api is



        var fotorama = jQuery('[data-gallery-role=gallery-placeholder').data('gallery');





        share|improve this answer













        I figured it out. We are using a custom theme on this project, so navigating to 



        custom-theme-dir/Magento_Catalog/templates/product/view/gallery.phtml


        I found



        <script type="text/x-magento-init">
        
    {
        
        "[data-gallery-role=gallery-placeholder]": {
        
           ...


        So in my case the code to access the fotorama api is



        var fotorama = jQuery('[data-gallery-role=gallery-placeholder').data('gallery');






        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered 5 hours ago









        quickshiftinquickshiftin

        871925




        871925






























            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%2f261022%2fprogrammatically-add-image-to-media-gallery-in-magento2%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

            what is the purpose of having a “thru cal” on RF PCB?

            Image
            3 1 $begingroup$ I often find a thru cal on RF PCB like picture below. What is the purpose of having this thru cal thing on the board? One purpose I can think of is to test whether the designed transmission line is truly 50 ohms over the frequency of interest. I did some research online and there are some people saying that the purpose of this thru cal is for "through-reflect-line" (TRL) testing. But I was not convinced with this argument since TRL technically needs other two lines (reflect and line). Can anyone explain this to me from their experience? pcb rf share | improve this question asked 2 hours ago ...
            Read more

            What does Gandalf whisper to the Moth on the Orthanc in Isengard?

            Image
            2 After the duel between Saruman and Gandalf in which Gandalf is bested, he is sent to stay on the pinnacle of Orthanc. Gandalf then whispers a message to a moth that happens to appear. I know that the message involves the calling of an eagle, for that becomes obvious ten minutes later. However, what exactly does Gandalf say to the Moth in the Elvish tongue? tolkiens-legendarium the-lord-of-the-rings the-fellowship-of-the-ring share | improve this question edited 2 hours ago Mat Cauthon 17k 4 84 134 asked 4 hours ago...
            Read more

            magento2 creating a lot of catalogrule_product_temp tables

            Image
            0 Magento2.2.5 based multisite (multi store view)seems to be creating a lot of temporary tables such as catalogrule_product__temp9a310576 catalogrule_product__temp998786f4 etc... However I am not sure why these tables are being created they all seem to be empty? database magento2.2.2 share | improve this question asked Dec 14 '18 at 19:55 Jayreis Jayreis 173 7 31 add a comment  |  ...
            Read more