shopify插件 Sales Pop up ‑ Social

插件
Sales Pop up ‑ Social Proof

<div class="stock-top">
<div class="stock-message stock-message-left stock-message-font-family-inherit stock-message-font-size-inherit stock-message-font-weight-inherit" style="color: #f66;">
Hurry up! Only {{stock_number}} Items left in stock. </div>
<div class="stock-progress-background stock-style" style="background-color: #E0E0E0;">
<div class="stock-progress-foreground" style="width: 15%;background-color: #FF6666;">
</div>
</div>
</div>

.stock-top {
margin-bottom: 14px;
width: 100%;
}

.stock-progress-foreground {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
transition: width .6s ease;
}

.stock-style {
border-radius: .25rem;
}

.stock-progress-background {
width: 100%;
display: -ms-flexbox;
display: flex;
height: 8px;
overflow: hidden;
font-size: .75rem;
}

.stock-message-font-weight-inherit {
font-weight: inherit;
}

.stock-message-font-size-inherit {
font-size: inherit;
}

.stock-message-font-family-inherit {
font-family: inherit;
}
.stock-message-left {
text-align: left;
}
.stock-message {
margin-bottom: 5px;
}

{{stock_number}}