API tools faq
paste
Advertisement
info1atual

Código para Shortcode Wordpress - Livros 2020-1

info1atual
Jun 13th, 2020
158
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 9.36 KB | None | 0 0
raw download clone embed print report
  1. <script>
  2.  
  3.     var $links = []
  4.  
  5.         $links['despertai']             = 'https://despertaipovos.com.br/livros';
  6.         $links['divorcio-carlos']       = 'https://goo.gl/dyfn7q' + '?vend=' + 'carlos-oliveira'      + '&prod=' + 'div-e-segundo-cas';
  7.         $links['kora-carlos']           = 'https://bit.ly/2v7ysyC' + '?vend=' + 'carlos-oliveira'      + '&prod=' + 'cla-do-demonio-koha';
  8.         $links['katarine-renato']       = 'https://goo.gl/Pzw7Tb' + '?vend=' + 'renato-marques'       + '&prod=' + 'katarine-green';
  9.         $links['trigon-renato']         = 'https://goo.gl/hKjbGf' + '?vend=' + 'renato-marques'       + '&prod=' + 'cronicas-de-trigon';
  10.         $links['ekklesia1-jose']        = 'https://goo.gl/aBgWLN' + '?vend=' + 'jose-gomes'           + '&prod=' + 'ekklesia-1';
  11.         $links['ekklesia2-jose']        = 'https://goo.gl/ckm78J' + '?vend=' + 'jose-gomes'           + '&prod=' + 'ekklesia-2';
  12.         $links['ekklesia2-marcelino']   = 'https://goo.gl/fhpviS' + '?vend=' + 'marcelino-silva'      + '&prod=' + 'ekklesia-2';
  13.         $links['katarine-marcelino']    = 'https://goo.gl/AQuvxB' + '?vend=' + 'marcelino-silva'      + '&prod=' + 'katarine-green';
  14.         $links['katarine-sirlei']       = 'https://goo.gl/jWwMrH' + '?vend=' + 'sirlei-munhos'        + '&prod=' + 'katarine-green';
  15.         $links['trigon-sirlei']         = 'https://goo.gl/cnRvch' + '?vend=' + 'sirlei-munhos'        + '&prod=' + 'cronicas;-de-trigon';
  16.         $links['manual-carlos']         = 'https://bit.ly/2V3JfIQ' + '?vend=' + 'carlos-oliveira'      + '&prod=' + 'manual-do-novo-conv';
  17.         $links['manualjovem-alcione']   = 'https://bit.ly/2Gi1jFJ' + '?vend=' + 'alcione-bastos'       + '&prod=' + 'manual-do-jovem-cris';
  18.         $links['manualporn-thiago']     = 'https://bit.ly/2v9Y8dY' + '?vend=' + 'thiago-alves'         + '&prod=' + 'manual-venc-por';
  19.    
  20.     var $minititulos = []
  21.  
  22.         $minititulos['comum'] = 'Conheça o livro:';
  23.         $minititulos['personalizado1'] = 'Veja também:';
  24.    
  25.     var $titulos = []
  26.  
  27.         $titulos['despertai'] = 'Teologia, Ficção e Outros';
  28.         $titulos['ekklesia1'] = 'Ekklesia e Reforma Já! Vol. 1';
  29.         $titulos['ekklesia2'] = 'Ekklesia e Reforma Já! Vol. 2';
  30.         $titulos['manual'] = 'Manual do Novo Convertido';
  31.         $titulos['manualjovem'] = 'Manual do Jovem Cristão';
  32.         $titulos['manualporn'] = 'Manual Vencendo a Pornografia';
  33.         $titulos['divorcio'] = 'Divórcio e Segundo Casamento';
  34.         $titulos['katarine'] = 'Kátarine Green - Das Trevas à Luz';
  35.         $titulos['trigon'] = 'Crônicas de Trigôm - Páginas de Pura Loucura';
  36.         $titulos['koha'] = 'O Clã do Demônio Kohá';
  37.        
  38.     var $capas = []
  39.  
  40.         $capas['despertai'] = 'https://despertaipovos.com.br/wp-content/uploads/2020/04/books-dp.jpg';
  41.         $capas['ekklesia1'] = 'https://despertaipovos.com.br/wp-content/uploads/2019/04/ekklesia-capa-01-editada.png';
  42.         $capas['ekklesia2'] = 'https://despertaipovos.com.br/wp-content/uploads/2019/03/capa-ekklesia-e-reforma-já-2.jpg';
  43.         $capas['manual'] = 'https://despertaipovos.com.br/wp-content/uploads/2019/04/manual-novo-convertido.jpeg';
  44.         $capas['manualjovem'] = 'https://despertaipovos.com.br/wp-content/uploads/2019/04/manual-jovem-cristao-editada.jpeg';
  45.         $capas['manualporn'] = 'https://despertaipovos.com.br/wp-content/uploads/2019/04/manual-vencendo-a-pornografia.jpg';
  46.         $capas['divorcio'] = 'https://despertaipovos.com.br/wp-content/uploads/2019/04/divorcio-e-novo-casamento.jpg';
  47.         $capas['katarine'] = 'https://despertaipovos.com.br/wp-content/uploads/2019/04/eu-capa-livro-katarine-green.jpg';
  48.         $capas['trigon'] = 'https://despertaipovos.com.br/wp-content/uploads/2017/04/cronicas-de-trigon.jpeg';
  49.         $capas['koha'] = 'https://despertaipovos.com.br/wp-content/uploads/2019/04/o-cla-do-demonio-koha.png';
  50.  
  51.     var bloco1 = [
  52.         {
  53.             "link": $links['divorcio-carlos'],
  54.             "minititulo": $minititulos['comum'],
  55.             "titulo": $titulos['divorcio'],
  56.             "imagem": $capas['divorcio'],
  57.         },
  58.         {
  59.             "link": $links['kora-carlos'],
  60.             "minititulo": $minititulos['comum'],
  61.             "titulo": $titulos['koha'],
  62.             "imagem": $capas['koha'],
  63.         },
  64.         {
  65.           "link": $links['trigon-renato'],
  66.           "minititulo": $minititulos['comum'],
  67.           "titulo": $titulos['trigon'],
  68.           "imagem": $capas['trigon'],
  69.         },
  70.         {
  71.           "link": $links['ekklesia1-jose'],
  72.           "minititulo": $minititulos['comum'],
  73.           "titulo": $titulos['ekklesia1'],
  74.           "imagem": $capas['ekklesia1'],
  75.         },
  76.         {
  77.           "link": $links['ekklesia2-jose'],
  78.           "minititulo": $minititulos['comum'],
  79.           "titulo": $titulos['ekklesia2'],
  80.           "imagem": $capas['ekklesia2'],
  81.         },
  82.         {
  83.             "link": $links['katarine-renato'],
  84.             "minititulo": $minititulos['comum'],
  85.             "titulo": $titulos['katarine'],
  86.             "imagem": $capas['katarine'],
  87.         },
  88.     ]
  89.  
  90.     var bloco2 = [
  91.         {
  92.             "link": $links['despertai'],
  93.             "minititulo": $minititulos['personalizado1'],
  94.             "titulo": $titulos['despertai'],
  95.             "imagem": $capas['despertai'],
  96.         },
  97.         {
  98.             "link": $links['ekklesia2-marcelino'],
  99.             "minititulo": $minititulos['comum'],
  100.             "titulo": $titulos['ekklesia2'],
  101.             "imagem": $capas['ekklesia2'],
  102.         },
  103.         {
  104.             "link": $links['katarine-marcelino'],
  105.             "minititulo": $minititulos['comum'],
  106.             "titulo": $titulos['ekklesia2'],
  107.             "imagem": $capas['ekklesia2'],
  108.         },
  109.         {
  110.             "link": $links['katarine-sirlei'],
  111.             "minititulo": $minititulos['comum'],
  112.             "titulo": $titulos['katarine'],
  113.             "imagem": $capas['katarine'],
  114.         },
  115.         {
  116.             "link": $links['trigon-sirlei'],
  117.             "minititulo": $minititulos['comum'],
  118.             "titulo": $titulos['trigon'],
  119.             "imagem": $capas['trigon'],
  120.         },
  121.         {
  122.             "link": $links['manualjovem-alcione'],
  123.             "minititulo": $minititulos['comum'],
  124.             "titulo": $titulos['manualjovem'],
  125.             "imagem": $capas['manualjovem'],
  126.         },
  127.         {
  128.             "link": $links['manualporn-thiago'],
  129.             "minititulo": $minititulos['comum'],
  130.             "titulo": $titulos['manualporn'],
  131.             "imagem": $capas['manualporn'],
  132.         },
  133.  
  134.     ]
  135.    
  136.     const random1 = randomIntArray(bloco1.length)
  137.     const random2 = randomIntArray(bloco2.length)
  138.    
  139.     window.onload = verificarLargura();
  140.    
  141.     function verificarLargura() {
  142.         setTimeout(function(){
  143.             const bloco_container = document.getElementById('bloco_container')
  144.             if (bloco_container.offsetWidth < 373) {
  145.                var produto1 = document.getElementById('produto1')
  146.                produto1.classList.remove('gen50')
  147.                produto1.classList.add('gen100')
  148.                var produto2 = document.getElementById('produto2')
  149.                produto2.classList.remove('gen50')
  150.                produto2.classList.add('gen100')
  151.            }
  152.            carregarDiv1(),carregarDiv2()
  153.        }, 3000);
  154.    }
  155.  
  156.    function carregarDiv1() {
  157.        if (bloco_container.offsetWidth < 373) {
  158.          var selecionar = selecionarProduto1ThumbMaior(random1)
  159.        } else {
  160.          var selecionar = selecionarProduto1(random1)
  161.        }
  162.        setTimeout(function(){
  163.            document.getElementById('produto1').innerHTML = selecionar
  164.        }, 3000);
  165.    }
  166.    
  167.    function carregarDiv2() {
  168.        if (bloco_container.offsetWidth < 373) {
  169.          var selecionar = selecionarProduto2ThumbMaior(random2)
  170.        } else {
  171.          var selecionar = selecionarProduto2(random2)
  172.        }
  173.        setTimeout(function(){
  174.            document.getElementById('produto2').innerHTML = selecionar
  175.        }, 3000);
  176.    }
  177.  
  178.    function randomIntArray(max, min) {
  179.        let minN = (min) ? min : 0
  180.        return Math.floor(Math.random() * (max - minN)) + minN;
  181.    }
  182.  
  183.    function selecionarProduto1(produto) {
  184.        
  185.        var link = bloco1[produto]
  186.        var minititulo = bloco1[produto]
  187.        var titulo = bloco1[produto]
  188.        var imagem = bloco1[produto]
  189.  
  190.        var montagem = ''
  191.            // montagem += '<span style="font-size: 13px;"><b>Você pode gostar:</b>'
  192.             montagem += '<a style="display: block; text-decoration: none; padding-right: 7px; margin-top: 7px; margin-bottom: 8px" href = "' + link.link + '" target="_blank">'
  193.             montagem += '<div style="float: left; vertical-align: middle; margin-right: 7px;">'
  194.             montagem += '<img style="display: flex; flex-direction: column; justify-content: center; resize: vertical; clear: both; float: left; margin-top: 3px; height: 61px; width: 61px" src="' + imagem.imagem + '" alt="Livro, Teologia, Casamento, Relacionamento">'
  195.             montagem += '</div>'
  196.             montagem += '<div style="margin-bottom: 8px; padding-top: 4px">'
  197.             montagem += '<span style="font-size: 13px;">' + minititulo.minititulo + '</span>'
  198.             montagem += '</div>'
  199.             montagem += '<div style="margin-top: -5px">'
  200.             montagem += '<span class="ellipsis" style="font-size: 18px; margin-top: 1px;">' + titulo.titulo + '</span>'
  201.             montagem += '</div>'
  202.             montagem += '</a>'
  203.         return montagem;
  204.  
  205.     }
  206.    
  207.     function selecionarProduto2(produto) {
  208.        
  209.         var link = bloco2[produto]
  210.         var minititulo = bloco2[produto]
  211.         var titulo = bloco2[produto]
  212.         var imagem = bloco2[produto]
  213.  
  214.         var montagem = ''
  215.             // montagem += '<span style="font-size: 13px;"><b>Você pode gostar:</b>'
  216.             montagem += '<a style="display: block; text-decoration: none; margin-top: 7px; margin-bottom: 8px" href = "' + link.link + '" target="_blank">'
  217.             montagem += '<div style="float: left; vertical-align: middle; margin-right: 7px;">'
  218.             montagem += '<img style="display: flex; flex-direction: column; justify-content: center; resize: vertical; clear: both; float: left; margin-top: 3px; height: 61px; width: 61px" src="' + imagem.imagem + '" alt="Livro, Teologia, Casamento, Relacionamento">'
  219.             montagem += '</div>'
  220.             montagem += '<div style="margin-bottom: 8px; padding-top: 4px;">'
  221.             montagem += '<span style="font-size: 13px;">' + minititulo.minititulo + '</span>'
  222.             montagem += '</div>'
  223.             montagem += '<div style="margin-top: -5px">'
  224.             montagem += '<span class="ellipsis" style="font-size: 18px; margin-top: 1px;">' + titulo.titulo + '</span>'
  225.             montagem += '</div>'
  226.             montagem += '</a>'
  227.         return montagem;
  228.  
  229.     }
  230.  
  231.     function selecionarProduto1ThumbMaior(produto) {
  232.        
  233.         var link = bloco1[produto]
  234.         var minititulo = bloco1[produto]
  235.         var titulo = bloco1[produto]
  236.         var imagem = bloco1[produto]
  237.  
  238.         var montagem = ''
  239.             // montagem += '<span style="font-size: 13px;"><b>Você pode gostar:</b>'
  240.             montagem += '<a style="display: block; text-decoration: none; margin-top: 7px; margin-bottom: 8px; overflow: hidden; height: 83px" href = "' + link.link + '" target="_blank">'
  241.             montagem += '<div class="webkitclass" style="float: left; width: 30%; height: 81px">'
  242.             montagem += '<img style="display: flex; flex-direction: column; justify-content: center; resize: vertical; clear: both; margin-top: 3px; margin-bottom: 3px; width: 100%" src="' + imagem.imagem + '" alt="Livro, Teologia, Casamento, Relacionamento">'
  243.             montagem += '</div>'
  244.             montagem += '<div class="webkitclass" style="float: left; padding-left: 5px; width: 70%">'
  245.             montagem += '<div style="margin-bottom: 8px; padding-top: 4px;">'
  246.             montagem += '<span style="font-size: 13px;">' + minititulo.minititulo + '</span>'
  247.             montagem += '</div>'
  248.             montagem += '<div style="margin-top: -5px">'
  249.             montagem += '<span class="ellipsis" style="font-size: 18px; margin-top: 1px;">' + titulo.titulo + '</span>'
  250.             montagem += '</div>'
  251.             montagem += '</div>'
  252.             montagem += '</a>'
  253.         return montagem;
  254.  
  255.     }
  256.    
  257.     function selecionarProduto2ThumbMaior(produto) {
  258.        
  259.         var link = bloco2[produto]
  260.         var minititulo = bloco2[produto]
  261.         var titulo = bloco2[produto]
  262.         var imagem = bloco2[produto]
  263.  
  264.         var montagem = ''
  265.             // montagem += '<span style="font-size: 13px;"><b>Você pode gostar:</b>'
  266.             montagem += '<a style="display: block; text-decoration: none; margin-top: 7px; margin-bottom: 8px; overflow: hidden; height: 83px" href = "' + link.link + '" target="_blank">'
  267.             montagem += '<div class="webkitclass" style="float: left; width: 30%; height: 81px">'
  268.             montagem += '<img style="display: flex; flex-direction: column; justify-content: center; resize: vertical; clear: both; margin-top: 3px; margin-bottom: 3px; width: 100%" src="' + imagem.imagem + '" alt="Livro, Teologia, Casamento, Relacionamento">'
  269.             montagem += '</div>'
  270.             montagem += '<div class="webkitclass" style="float: left; padding-left: 5px; width: 70%">'
  271.             montagem += '<div style="margin-bottom: 8px; padding-top: 4px;">'
  272.             montagem += '<span style="font-size: 13px;">' + minititulo.minititulo + '</span>'
  273.             montagem += '</div>'
  274.             montagem += '<div style="margin-top: -5px">'
  275.             montagem += '<span class="ellipsis" style="font-size: 18px; margin-top: 1px;">' + titulo.titulo + '</span>'
  276.             montagem += '</div>'
  277.             montagem += '</div>'
  278.             montagem += '</a>'
  279.         return montagem;
  280.  
  281.     }
  282.  
  283. </script>
  284.  
  285. <hr style='margin-bottom: 14px; margin-top: 14px; border-top: 1px solid #f2f2f2;'>
  286. <div id="marketing-block2images" style="min-height: 136px;">
  287.   <div id="bloco_container" class="gen100">
  288.     <div id="produto1" class="gen50"></div>
  289.     <div id="produto2" class="gen50"></div>
  290.   </div>
  291. </div>
  292. <hr style='margin-bottom: 14px; margin-top: 14px; border-top: 1px solid #f2f2f2;'>
  293.  
  294. <style>
  295.   #marketing-block2images {
  296.     display: flex;
  297.     flex-wrap: wrap;
  298.     padding: 0;
  299.     /* margin-right: -20px; */
  300.     /* margin-left: -20px; */
  301.   }
  302.   .gen50 {
  303.     height: auto;
  304.     width: 50%; float: left;
  305.     -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  306.     border: 1px solid transparent;
  307.     padding: 0;
  308.   }
  309.   .gen100 {
  310.     height: auto;
  311.     width: 100%; float: left;
  312.     -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  313.     border: 1px solid transparent;
  314.     padding: 0;
  315.   }
  316.   .webkitclass {
  317.     -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  318.   }
  319.   .ellipsis {
  320.     display: block;
  321.     overflow: hidden;
  322.     text-overflow: ellipsis;
  323.     white-space: nowrap;
  324.   }
  325.  
  326.   @media (max-width: 768px) {
  327.     .gen50 {
  328.       width: 100%;
  329.     }
  330.   }
  331. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!