Pessoas vendo esse produto – Script Shopify

3 meses ago fernando

Script 

<div style="display: flex; margin-top: -20px;align-items: center;margin-bottom: -20px;">
<div class="olho"></div>
<style> .olho { background: #ed5050; border-radius: 50%; margin: 0 10px; height: 10px; width: 10px; display: block!important; box-shadow: 0 0 0 0 rgba(0, 0, 0, 1); transform: scale(1); animation: pulse 1s infinite; } @keyframes pulse { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } } </style>

<p><b><span class="viwer_pro">44</span> pessoas</b> estão vendo esse produto agora</p>

</div>

<script> $( ".viwer_pro" ).text(function(index) { return Math.floor(Math.random() * 50) + 1; }); </script>

Adicione o Script no arquivo Theme.liquid

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
Esse tutorial foi util?

Related articles