Toti - Игрушки оптом

Toti (21 товаров)

ТМ "Toti" - производитель качественных детских товаров, которые делают жизнь родителей комфортной, уход за малышом легким, а отдых - приятным!<p>
Многофункциональность, безопасность, стиль и доступность – слова, которые отлично характеризуют данную торговую марку. Производитель следит за всеми последними тенденциями и делает все возможное, чтобы не отставать от возрастающих требований рынка детских товаров.</p><p> 
Детские горки, а также стульчики для кормления торговой марки "Toti" производятся из материалов, апробированных и допущенных к изготовлению государственными органами сертификации.</p><p>
Выбирая "Toti", вы отдаёте предпочтение надежному партнеру, который поможет бережно заботиться о вашем малыше.</p>
			</div>
					</div>
                <div class="some-rezult">
            <div class="col col-with-hide show" v-for="(col, key) in ssCategory" :key="key" >
                <a v-for="line in col"
                   :key="line.CAT_ID"
                   :href="line.CAT_LINK+'&filterbrand=Toti'">
                    {{line.CAT_NAME}} ({{line.COUNT}})
                </a>
            </div>
        </div>
        						<div class="view-mode sm-hidden">
    <div class="left">
        Cортировать по:
        <v-select :options="sortTypeOption"
                  :searchable="false" :placeholder="''" v-model="sortType"></v-select>
        <svg width="25" height="25" class="filter-but sm-visible main-fill-color" viewBox="0 0 247.46 247.46" @click.stop="visibleFilter = !visibleFilter"><use xlink:href="#icon-filter"></use></svg>
    </div>
    <button v-if="visibleButtonClearn" class="clearn_see_favorite" @click="clearn">Очистить</button>
    <div class="right">
        Вид:
        <button class="change-mode" :class="(productMode=='plitka-mode' || productMode=='plitka-mode photo-mode') ? 'active' : ''" @click="changeMode('plitka-mode')">
            <svg viewBox="0 0 385 385" style="width: 14px;height: 14px;display: block;"><use xlink:href="#icon-plitka"></use></svg>
        </button>
        <button class="change-mode" :class="productMode=='list-mode' ? 'active' : ''" @click="changeMode('list-mode')">
            <svg viewBox="0 0 492.3 492.3" style="width: 14px;height: 14px;display: block;"><use xlink:href="#icon-list"></use></svg>
        </button>
    </div>
</div>

<div class="view-mode-sm">
    <div class="left">
        <div class="bt" @click="smOverlaySort = !smOverlaySort">
            <svg  width="16" height="16"><use xlink:href="#icon-sort"></use></svg>
            {{sortTitleSm.title}}
        </div>
        <div class="overlay" v-if="smOverlaySort" @click.stop="smOverlaySort = !smOverlaySort">
            <ul class="menu" @click.stop>
               <li v-for="sortType in sortTypeListSm" @click="changeSortTypeSm(sortType)" :key="sortType.value" v-if="!sortType.hide" :class="sortType.classes">{{sortType.title}}</li>
            </ul>
        </div>
        <div class="bt" @click.stop="visibleFilter = !visibleFilter">
            <svg  width="16" height="16"><use xlink:href="#icon-filter2"></use></svg>
            Фільтри
        </div>
    </div>
    <div class="right1">
        <div @click.stop="smOverlayProductMode = !smOverlayProductMode">
            <svg width="15" height="15" v-if="productMode=='plitka-mode'"><use xlink:href="#icon-viewp" ></use></svg>
            <svg width="24" height="24" v-if="productMode=='list-mode'"><use xlink:href="#icon-viewl" ></use></svg>
            <svg width="24" height="24" v-if="productMode=='plitka-mode photo-mode'"><use xlink:href="#icon-viewf" ></use></svg>
        </div>
    </div>
    <div class="overlay" v-if="smOverlayProductMode" @click.stop="smOverlayProductMode = !smOverlayProductMode">
        <ul class="menu" @click.stop>
            <li @click="changeMode('plitka-mode') & (smOverlayProductMode=false)"  :class="productMode=='plitka-mode' ? 'active' : ''">Плитка</li>
            <li @click="changeMode('list-mode') & (smOverlayProductMode=false)"  :class="productMode=='list-mode' ? 'active' : ''">Список</li>
            <li @click="changeMode('plitka-mode photo-mode') & (smOverlayProductMode=false)"  :class="productMode=='plitka-mode photo-mode' ? 'active' : ''">Фото</li>
        </ul>
    </div>
</div>

<div class="grjkbkrg">
			    <div class="button_show_more" v-if="needPaginationForListing && hasNextPage && abraCadabra" @click="loadMoreProducts">
        <svg class="loading73" viewBox="0 0 58 56" width="58" height="58" :class="loadingMoreProduct?'animated':''"><use xlink:href="#icon-loading"></use></svg>
        <p>
            Показати ще 50 товарів
        </p>
    </div>
    <pagination :data="{"currentPage":1,"fromPage":1,"lastPage":false,"nextPage":false,"nextPage2":false,"lastDots":false,"hasMoreNextPage":false,"prevPage":false,"prevPage2":false,"firstPage":false,"firstDots":false,"hasMorePrevPage":false,"need":false,"url":"\/ru\/Toti"}"></pagination>
    		</div>
		<div class="products" :class="productMode">
			
						
<template v-if="productList.length">
    <product-item v-for="prouct in productList" :key="prouct.PRODUCTS_ID" :product_id="prouct.PRODUCTS_ID" :producthref="prouct.PRODUCTS_LINK" :videos="prouct.PRODUCTS_AVIDEO1" :product-obj="prouct">
        <template slot="img">
            <img v-if="prouct.PRODUCTS_IMAGE" :src="prouct.PRODUCTS_IMAGE " :alt="prouct.PRODUCTS_NAME" />

</template>
        <template slot="label-img">
            <p v-if="prouct.PRODUCTS_AKCIYA==516">
                /images/516-icon.png</p>
            <p v-else-if="prouct.LABEL_NAME">
                /images/icons/{{prouct.LABEL_NAME}}</p>



            <p v-else></p>

</template>
        <template slot="product-name">
            <a :href="prouct.PRODUCTS_LINK">{{prouct.PRODUCTS_NAME}}</a>
        </template>
        <template slot="price">
            {{prouct.PRODUCTS_PRICE_PLAIN}}
        </template>
        <template slot="priceold">
            {{prouct.products_oldprice}}
        </template>
        <template slot="availability">
            В наличии
        </template>
        <template slot="product-options">
            <table>
                <tr v-if="prouct.PRODUCTS_DLINA && prouct.PRODUCTS_SHIRINA && prouct.PRODUCTS_VYSOTA">
                    <td><b>Размер упаковки:</b></td>
                    <td>{{prouct.PRODUCTS_DLINA}} х {{prouct.PRODUCTS_SHIRINA}} х {{prouct.PRODUCTS_VYSOTA}} см</td>
                </tr>

<tr v-if="prouct.PRODUCTS_U!=0">
                    <td><b>Упаковка:</b></td>
                    <td>{{prouct.PRODUCTS_U}}</td>
                </tr>
                <tr v-if="prouct.PRODUCTS_VES!=0" class="hide-plitka">
                    <td><b>Вес:</b></td>
                    <td>{{prouct.PRODUCTS_VES}} кг </td>
                </tr>
                <tr v-if="prouct.PRODUCTS_SHIPPING_IMAGE!=0">
                    <td><b>В ящике:</b></td>
                    <td>{{prouct.PRODUCTS_SHIPPING_IMAGE}}</td>
                </tr>
                <tr v-if="prouct.PRODUCTS_VOZRASTOT" class="hide-plitka">
                    <td><b>Для детей:</b></td>
                    <td>от {{toIntVal(prouct.PRODUCTS_VOZRASTOT)}} лет {{ prouct.PRODUCTS_VOZRASTDO!=0 ? "до " + toIntVal(prouct.PRODUCTS_VOZRASTDO) + " лет":""}}</td>
                </tr>

<tr v-if="prouct.ADMIN_QUANTITY" class="red">
                    <td><b>Остаток:</b></td>
                    <td>{{prouct.ADMIN_QUANTITY}} шт. </td>
                </tr>

</table>
        </template>

<template slot="product-description">
            <p v-html="prouct.PRODUCTS_DESCRIPTION"></p>
        </template>
    </product-item>
</template>
			<div class="lastItem" ref='lastItem'></div>
			<div class="lastItem2">
				<div class="lds-css ng-scope" v-if="loadingMoreProduct"><div style="width:100%;height:100%" class="lds-double-ring"><div></div><div></div></div></div>
			</div>
		</div>
		    <div class="button_show_more" v-if="needPaginationForListing && hasNextPage && abraCadabra" @click="loadMoreProducts">
        <svg class="loading73" viewBox="0 0 58 56" width="58" height="58" :class="loadingMoreProduct?'animated':''"><use xlink:href="#icon-loading"></use></svg>
        <p>
            Показати ще 50 товарів
        </p>
    </div>
    <pagination :data="{"currentPage":1,"fromPage":1,"lastPage":false,"nextPage":false,"nextPage2":false,"lastDots":false,"hasMoreNextPage":false,"prevPage":false,"prevPage2":false,"firstPage":false,"firstDots":false,"hasMorePrevPage":false,"need":false,"url":"\/ru\/Toti"}"></pagination>
    	</div>

</main>

<a class="tg_ban xs-block" href="https://t.me/igrushki7_ua" target="_blank">
        <div class="tg_ban_icon"></div>
        <div class="text">Первыми узнавайте о новых получениях</div>
        <div class="tg_ban_btn">Подписаться на канал</div>
        <div class="tg_ban_icon2"></div>
        <div class="tg_ban_close" @click.prevent.stop="tg_ban_close">
            <svg viewBox="0 0 512 512" width="10" height="10"><use xlink:href="#icon-close"></use></svg>
        </div>
    </a>
		<footer>

<div class="first-row">
            <div class="wrap">
                <div class="col xs-hidden">
                    <div class="col-width">
                        <p class="title">Зарабатывайте с Игрушки7</p>
                        <a href="/ru/export_info.php">Прайс-листы</a>
                        <a href="/ru/export_info.php#export">Экспорт/импорт каталога</a>
                        <a href="https://corso.ua/">Corso</a>
                    </div>
                </div>
                <div class="col xs-hidden">
                    <div class="col-width">
                        <p class="title">Акции</p>
                        <a href="/ru/discount.php">Акционная суперцена!</a>
                        <a href="/ru/discount.php">Скидки до -80%!</a>
                        <a href="/ru/discount.php">Цена недели!</a>
                    </div>
                </div>
                <div class="col xs-hidden">
                    <div class="col-width">
                        <p class="title">О Компании</p>
                        <a href="/ru/shop_content.php?coID=200">Скидки</a>
                        <a href="/ru/shop_content.php?coID=200#delivery">Условия доставки</a>
                        <a href="/ru/shop_content.php?coID=200#oplata">Условия оплаты</a>
                        <a href="/ru/articles.php">Статьи/Новости</a>
                        <a href="/ru/export_info.php">Поддержка бизнеса</a>
                    </div>
                </div>
                <div class="col xs-hidden">
                    <div class="col-width">
                        <p class="title">Контакты</p>
                        <a href="tel:+380508494777" >(050) 84 94 777</a>
                        <a href="tel:+380988494777" >(098) 84 94 777</a>
                        <a href="tel:+380672890077" >(067) 289 00 77</a>
                        <p>Пн-Вс с 9:00 до 18:00, Пт - выходной</p>
                        <div class="social-block">
                            <a href="https://www.facebook.com/pages/%D0%98%D0%B3%D1%80%D1%83%D1%88%D0%BA%D0%B87/590762954360946" target="_blank" class="button social" rel="noopener">
                                <svg width="30" height="30"><use xlink:href="#icon-fb-new"></use></svg>
                            </a>
                            <a href="https://www.instagram.com/igrushki7ua/" class="button social" target="_blank" rel="noopener">
                                <svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                    <radialGradient id="a" cx="-761.4" cy="-325.6" r=".9" gradientTransform="matrix(17.5178 -25.7067 25.4379 17.3347 21627.6 -13906)" gradientUnits="userSpaceOnUse">
                                        <stop offset="0" stop-color="#fedb7f"/>
                                        <stop offset=".3" stop-color="#fa6c2a"/>
                                        <stop offset=".6" stop-color="#d92d76"/>
                                        <stop offset="1" stop-color="#525dd0"/>
                                    </radialGradient>
                                    <circle cx="12" cy="12" r="11.1" fill="url(#a)" stroke="#fff" stroke-miterlimit="10" stroke-width="1.8"/>
                                    <path fill="#fff" d="M14.6 5.5h-5a4.1 4.1 0 0 0-4.1 4v5a4 4 0 0 0 4.1 4h5c2.2 0 4.1-1.8 4.1-4v-5c-.1-2.2-1.9-4-4.1-4zm2.8 8.5c0 1.8-1.5 3.2-3.2 3.2h-4.1A3.2 3.2 0 0 1 6.9 14v-4c0-1.8 1.5-3.2 3.2-3.2h4.1c1.8 0 3.2 1.5 3.2 3.2v4zm-5.1-5.4A3.4 3.4 0 0 0 8.9 12c0 1.8 1.6 3.4 3.4 3.4 1.9 0 3.4-1.6 3.4-3.4s-1.6-3.4-3.4-3.4zm0 5.4c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-4.6c.5 0 .9-.4.9-.8s-.3-.8-.9-.8c-.5 0-.9.4-.9.8.1.4.5.8.9.8z"/>
                                </svg>
                            </a>
                            <a href="https://www.youtube.com/user/igrushki7" class="button social" target="_blank" rel="noopener">
                                <svg width="30" height="30"><use xlink:href="#icon-yt-new"></use></svg>
                            </a>
                            <a href="https://t.me/igrushki7_ua" class="button social" target="_blank" rel="noopener">
                                <svg width="30" height="30"><use xlink:href="#icon-tg-new"></use></svg>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col xs" style="width: 55%;margin-left: 1%;">
                    <div class="phones-block" @click.stop="togglePhone">
                        <svg width="25" height="25" style="fill: #fff" viewBox="0 0 511.9 512"><use xlink:href="#icon-phone"></use></svg>
                        <div class="phone-numbers" @click.stop>
                            <a href="tel:+380508494777" >(050) 84 94 777</a>
                            <a href="tel:+380988494777" >(098) 84 94 777</a>
                            <a href="tel:+380672890077" >(067) 289 00 77</a>
                        </div>
                        <arrow @click="togglePhone" style="display: none"></arrow>
                        <div class="phone-hidden-block" :class="showMoreNumbers ? 'on' : ''" style="display: none">
                            <svg width="25" height="25" style="fill: #fff;margin-bottom: 22px;" viewBox="0 0 511.9 512"><use xlink:href="#icon-phone"></use></svg>
                            <div class="phone-numbers" @click.stop>
                                <a href="tel:+380508494777" >(050) 84 94 777</a>
                                <a href="tel:+380988494777" >(098) 84 94 777</a>
                                <a href="tel:+380672890077" >(067) 289 00 77</a>
                            </div>
                            <arrow @click.stop="togglePhone" style="margin-top: 22px;"></arrow>
                        </div>
                    </div>
                </div>
                <div class="col xs" style="width: 40%;">
                    <p>Пн-Вс, Пт - выходной</p>
                    <p>с 9:00 до 18:00</p>
                </div>
            </div>
            <div class="col xs" style="width: 100%">
                <div class="social-block">
                    <a href="https://www.facebook.com/pages/%D0%98%D0%B3%D1%80%D1%83%D1%88%D0%BA%D0%B87/590762954360946" target="_blank" class="button social" rel="noopener">
                        <svg width="30" height="30"><use xlink:href="#icon-fb-new"></use></svg>
                    </a>
                    <a href="https://www.instagram.com/igrushki7ua/" class="button social" target="_blank" rel="noopener">
                        <svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                            <radialGradient id="b" cx="-761.4" cy="-325.6" r=".9" gradientTransform="matrix(17.5178 -25.7067 25.4379 17.3347 21627.6 -13906)" gradientUnits="userSpaceOnUse">
                                <stop offset="0" stop-color="#fedb7f"/>
                                <stop offset=".3" stop-color="#fa6c2a"/>
                                <stop offset=".6" stop-color="#d92d76"/>
                                <stop offset="1" stop-color="#525dd0"/>
                            </radialGradient>
                            <circle cx="12" cy="12" r="11.1" fill="url(#b)" stroke="#fff" stroke-miterlimit="10" stroke-width="1.8"/>
                            <path fill="#fff" d="M14.6 5.5h-5a4.1 4.1 0 0 0-4.1 4v5a4 4 0 0 0 4.1 4h5c2.2 0 4.1-1.8 4.1-4v-5c-.1-2.2-1.9-4-4.1-4zm2.8 8.5c0 1.8-1.5 3.2-3.2 3.2h-4.1A3.2 3.2 0 0 1 6.9 14v-4c0-1.8 1.5-3.2 3.2-3.2h4.1c1.8 0 3.2 1.5 3.2 3.2v4zm-5.1-5.4A3.4 3.4 0 0 0 8.9 12c0 1.8 1.6 3.4 3.4 3.4 1.9 0 3.4-1.6 3.4-3.4s-1.6-3.4-3.4-3.4zm0 5.4c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-4.6c.5 0 .9-.4.9-.8s-.3-.8-.9-.8c-.5 0-.9.4-.9.8.1.4.5.8.9.8z"/>
                        </svg>
                    </a>
                    <a href="https://www.youtube.com/user/igrushki7" class="button social" target="_blank" rel="noopener">
                        <svg width="30" height="30"><use xlink:href="#icon-yt-new"></use></svg>
                    </a>
                    <a href="https://t.me/igrushki7_ua" class="button social" target="_blank" rel="noopener">
                        <svg width="30" height="30"><use xlink:href="#icon-tg-new"></use></svg>
                    </a>
                </div>
            </div>
        </div>
        <div class="second-row">
            <div class="wrap">
                <div class="col">
                    <p style="" class="city_footer">
                        <a href="/ru/igrushki-optom-kiev.html" class="bold">Київ</a> |
                        <a href="/ru/igrushki-optom-kharkov.html">Харків</a> |
                        <a href="/ru/igrushki-optom-odessa.html">Одеса</a> |
                        <a href="/ru/igrushki-optom-dnepropetrovsk.html">Дніпро</a> |
                        <a href="/ru/igrushki-optom-zaporozhye.html">Запоріжжя</a> |
                        <a href="/ru/igrushki-optom-lvov.html">Львів</a> |
                        <a href="/ru/igrushki-optom-krivoy-rog.html">Кривий Ріг</a> |
                        <a href="/ru/igrushki-optom-nikolaev.html">Миколаїв</a> |
                        <a href="/ru/igrushki-optom-vinnitsa.html">Вінниця</a> |
                        <a href="/ru/igrushki-optom-kherson.html">Херсон</a> |
                        <a href="/ru/igrushki-optom-poltava.html">Полтава</a> |
                        <a href="/ru/igrushki-optom-chernigov.html">Чернігів</a> |
                        <a href="/ru/igrushki-optom-cherkassy.html">Черкаси</a> |
                        <a href="/ru/igrushki-optom-kremenchug.html">Кременчук</a> |
                        <a href="/ru/igrushki-optom-rovno.html">Рівне</a> |
                        <a href="/ru/igrushki-optom-uzhhorod.html">Ужгород</a> |
                        <a href="/ru/igrushki-optom-lutsk.html">Луцьк</a> |
                        <a href="/ru/igrushki-optom-ivano-frankovsk.html">Івано-Франківськ</a> |
                        <a href="/ru/igrushki-optom-sumi.html">Суми</a>
                    </p>
                    <p class="blue">© 2003-2026 ”Игрушки 7“ 
                        <span class="xs-hidden">
                        <span class="bold">Каталог оптового склада детских игрушек и товаров для детей
                        <a href="/ru/">”Игрушки оптом“</a>,</span>  Одесса, 7км <a href="/ru/shop_content.php?coID=4">”Опт“</a> <a href="/ru/shop_content.php?coID=6">Контакты</a></span></p>
                </div>
            </div>
        </div>
    <transition name="fade">
    <div class="scrolltop" v-if="seeScrollToTop" @click="scrollToTop">
        <arrow></arrow>
        Вверх
    </div>
    </transition>
        </footer>

<!--<div class="popup_price_up">
        <div class="popup_price_up_bg">
            <div class="popup_price_up_form">
                <span class="bold blue first">Дорогие клиенты!</span><br/>Учитывая ситуацию на мировом рынке сырья и логистики, доводим до Вашего сведения информацию о неизбежном повышении цен на все группы товаров.<br/>Рекомендуем обратить внимание на закупку продукции по выгодной цене.<br/><span class="bold last">Зарабатывайте и развивайтесь с компанией <span class="blue">Игрушки7</span>.</span>
            </div>
            <img src="/img/cross.png" class="popup_price_close">
        </div>

</div>-->
    <transition name="vertical-transition">
    <modal-registration v-if="showRegisterForm" @close="showRegisterForm=false" @to-login-form="toLoginForm"></modal-registration>
    <modal-login v-if="showLoginForm" @close="showLoginForm=false" @to-registration-form="toRegistrationForm" :captcha="false" ref="loginform"></modal-login>
    </transition>
<v-modal-viewer></v-modal-viewer>			</div>

start() {
            if (this.interval) {
                clearInterval(this.interval); // Запобігти багаторазовим інтервалам
            }
            this.interval = setInterval(() => this.updateTimer(), 1000);
        }

stop() {
            clearInterval(this.interval);
            this.interval = null;
        }

updateTimer() {
            const now = new Date().getTime();
            const distance = this.targetDate - now;

if (distance < 0) {
                this.element.textContent = "";
                this.stop(); // Зупинити таймер, коли час вийшов
                return;
            }

const days = Math.floor(distance / (1000 * 60 * 60 * 24));
            const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
            const seconds = Math.floor((distance % (1000 * 60)) / 1000);
            const pad = (num) => num < 10 ? '0' + num : num;

this.element.textContent = timeLeft;
        }
        days(days){
            if (days == 1) {
                return `${days} день `;
            }
            if (days > 1 && days < 5) {
                return `${days} дня `;
            }
            if (days > 4) {
                return `${days} днів `;
            }
            return '';
        }
    }
    document.addEventListener('DOMContentLoaded', () => {
        const timerElements = document.querySelectorAll('.timer[data-to]');
        timerElements.forEach(element => {
            new CountdownTimer(element).start();
        });
    });
</script>

</body>
</html>