Jump to content
Sign in to follow this  
ilerok

Рандомный вывод div блока в каждом товаре категории

Recommended Posts

Подскажите реально ли сделать рандомный вывод div блоков вида например в категории:

 

 

<span class="b-product-card__ticker" style="color: #5cb5e5;" >
Гарантия 2 года
</span>
 
<span class="b-product-card__ticker" style="color: #5cb5e5;" >
Хит продаж
</span>
 
<span class="b-product-card__ticker" style="color: #5cb5e5;" >
Новинка
</span>

 

В каждом товаре?

 

Задумка такова, что эти блоки являются стикерами в верстке. Но что бы в ручную не задавать более 2к товаров стикеры разные, хочется их выводить каждому товару рандомно.

 

Думаю идея заинтересует многих :)

Edited by ilerok

Share this post


Link to post
Share on other sites

Думаю идея заинтересует многих

Сомневаюсь...

в категориях

перед 

<div class="product-thumb">

вставляем

 

<div class="product-stic"> 
 <script language="JavaScript"><!--
var h=(Math.random()*4);
 if (h <1) document.writeln("Гарантия 2 года");
 if (h > 1 && h < 2) document.writeln("Хит продаж");
 if (h > 2 && h < 3) document.writeln("Новинка");
 if (h > 3) document.writeln("Товар дня");
// --></script>
</div>

добавим стилей

.product-stic {
position: absolute;
background-color: green;
color: #ffffff;
padding: 0 10px;
font-weight:600
}

перезагружаем страницу и смотрим результат

post-20793-0-62606600-1482954274_thumb.png

  • +1 1

Share this post


Link to post
Share on other sites

Сомневаюсь...

в категориях

перед 

<div class="product-thumb">

вставляем

 

<div class="product-stic"> 
 <script language="JavaScript"><!--
var h=(Math.random()*4);
 if (h <1) document.writeln("Гарантия 2 года");
 if (h > 1 && h < 2) document.writeln("Хит продаж");
 if (h > 2 && h < 3) document.writeln("Новинка");
 if (h > 3) document.writeln("Товар дня");
// --></script>
</div>

добавим стилей

.product-stic {
position: absolute;
background-color: green;
color: #ffffff;
padding: 0 10px;
font-weight:600
}

перезагружаем страницу и смотрим результат

Получилось, именно то что было нужно!) Вот только после перезагрузки страницы значения меняются, выходит что бы не менялись уже нужно плотно поработать с базой и php

Share this post


Link to post
Share on other sites

Вот только после перезагрузки страницы значения меняются, выходит что бы не менялись уже нужно плотно поработать с базой и php

мммм...я то думал Вы хотите схитрить и привлечь внимание клиента ИМ к товарам, рандомно ("от балды" - в случайном порядке) выводя им разные названия стикеров...тем самым подсовывая им псевдозаголовок с псевдостатусом... ну реализовано парой строчкой кода.... а Вам, видимо волшебство нужно.... я так не умею..... может так

<script language="JavaScript"><!--
сделать сайт волшебным 
// --></script>

куда вставлять скрипт, я думаю решит сам волшебный сайт самостоятельно

Share this post


Link to post
Share on other sites

мммм...я то думал Вы хотите схитрить и привлечь внимание клиента ИМ к товарам, рандомно ("от балды" - в случайном порядке) выводя им разные названия стикеров...тем самым подсовывая им псевдозаголовок с псебдостатусом... ну реализовано парой строчкой кода.... а Вам, видимо волшебство нужно.... я так не умею..... может так

<script language="JavaScript"><!--
сделать сайт волшебным 
// --></script>

куда вставлять скрипт, я думаю решит сам волшебный сайт самлстоятельно

ладно закажу у вас платную доработку с рандомным записыванием текста стикера в отдельно созданное поле в базе которое будет выводиться в каждом товаре) вроде никакого волшебства же)) 

Share this post


Link to post
Share on other sites

я не стремлюсь к возможности поиметь  какие то Вашим платные доработки (все решается покупкой чьих то модулей, если платные или скачиванием и установке бесплатных)
В любом случае нужна логика того "чего хочется" и логичная реализация, без излишних фантазий
если стикер акций хотя бы можно привязать при наличии скидки в цене

 <?php if ($product['special']) { ?><div class="product-stic">Акция</div><?php } ?>

новинку, возможно прописать с учетом временных рамок размещения товара на сайте
хит - от количества продаж ... хотя все это давно реализовано модулем автоматических стикеров
то каким образом свершится волшебство 

 
<span class="b-product-card__ticker" style="color: #5cb5e5;" >
Гарантия 2 года
</span>

 

 

если этого нет в товаре.... не понятно...
модуль автостикеров бесплатен...а код озвученный выше больше напоминает подход в виде говнокода от максисторе.... а не нормальном решении задачи
 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.