text: (function($){
      $('#categorias-productos').change(function(){
          $.ajax({
              url: pg.ajaxurl,
              method: "POST",
              data: {
                  "action": "pgFiltroProductos",
                  "categoria": $(this).find(':selected').val()
              },
              beforeSend: function() {
                  $("#resultado-productos").html("Cargando...")
              },
              success: function (data) {
                  let html = "";
                  data.forEach(item => {
                      html += `<div class="col-4 my-3">
                      <figure>${item.image}</figure>
                      <h4 class=text-center my-2>
                      <a href="${item.link}">${item.titulo}</a>
                      </h4></div>`
                  })
                  $("#resultado-productos").html(html);
              },
              success: function (error) {
                  console.log(error)
              }
          })
      })
  
      $(document).ready(function(){
          $.ajax({
              url: pg.apiurl+"novedades/3",
              method: "GET",
              beforeSend: function(){
                  $("#resultado-novedades").html("Cargando...");
              },
              success:function(data){
                  let html = "";
                  data.forEach(item => {
                      html += `<div class="col-md-4 col-12 my-3">
                          <figure>${item.imagen}</figure>
                          <h4 class="my-2">
                              <a href="${item.link}">${item.titulo}</a>
                          </h4>
                      </div>`;
                  })
                  $("#resultado-novedades").html(html);
              },
              error: function(error){
                  console.log(error);
              }
          });
      });    
  })(jQuery);