cgtrader.com

Length: 48 characters

Length: 146 characters

• 176977842455249" property "fb app_id" / meta content "CGTrader - 3D Model Store" property "og title" / meta content "article" property "og type" / meta content "https //www.cgtrader.com/" property "og url" / meta content "https //assets.cgtrader.com/assets/branding/avatar-d9199bb4f8e1938e1bd58ba746948741ce297b4174526fa3a18eefd0d5bbc03f.jpg" property "og image" / meta content "2400" property "og image width" / meta content "1260" property "og image height" / meta content "Join the fastest-growing 3D model marketplace today!" property "og description" / meta content "CGTrader" property "og site_name" / meta content "CGTrader - 3D Model Store" itemprop "name" / meta content "Join the fastest-growing 3D model marketplace today!" itemprop "description" / meta content "https //assets.cgtrader.com/assets/branding/avatar-d9199bb4f8e1938e1bd58ba746948741ce297b4174526fa3a18eefd0d5bbc03f.jpg" itemprop "image" / meta content "summary_large_image" name "twitter card" / meta content "@CG_Trader" name "twitter site" / meta content "CGTrader - 3D Model Store" name "twitter title" / meta content "Join the fastest-growing 3D model marketplace today!" name "twitter description" / meta content "https //assets.cgtrader.com/assets/branding/avatar-d9199bb4f8e1938e1bd58ba746948741ce297b4174526fa3a18eefd0d5bbc03f.jpg" name "twitter image" / link rel "preload" as "stylesheet" href "/assets/critical_path/homepage.critical.css" / link rel "stylesheet" media "screen" href "https //assets.cgtrader.com/assets/critical_path/homepage.critical-695fce8054c13d8160194b042b7d03e757e1db865812273444bcef7ff45c913d.css" / script window.addEventListener("load"
• function () { document.getElementsByTagName("head")[0].appendChild( new DOMParser().parseFromString(' link rel "stylesheet" media "screen" href "https //assets.cgtrader.com/assets/homepage/homepage-c9701572d25164ec3daadf4d3beb004012559cb4db9b0a645654c9caf1c044b9.css" / '
• 'text/html').head.firstChild ) }) /script link href "https //www.cgtrader.com/" rel "canonical" / link href "https //www.cgtrader.com/" hreflang "x-default" rel "alternate" / link href "https //www.cgtrader.com/ru" hreflang "ru" rel "alternate" / link href "https //www.cgtrader.com/es" hreflang "es" rel "alternate" / link href "https //www.cgtrader.com/fr" hreflang "fr" rel "alternate" / link href "https //www.cgtrader.com/de" hreflang "de" rel "alternate" / link href "https //www.cgtrader.com/zh-cn" hreflang "zh-CN" rel "alternate" / link href "https //www.cgtrader.com/ja" hreflang "ja" rel "alternate" / link href "https //www.cgtrader.com/pt" hreflang "pt" rel "alternate" / link href "https //www.cgtrader.com/" hreflang "en" rel "alternate" / script (function() { window.App {} window.numberOfAxiosCallPending 0 })() // jshint ignore start 'use strict' window.removeInlineCookieBar function () { const barSelector '.js-inline-cookies' const currentBar document.querySelector(barSelector) if (currentBar) { document.body.removeChild(currentBar) } } window.handleCookiesAccept function (cookie) { if (cookie) { Cookies.set(cookie
• true
• { expires 365
• path '/' }) } removeInlineCookieBar() } window.handleCookiesDismiss function (cookie) { if (cookie) { Cookies.set(cookie
• true
• { path '/' }) } removeInlineCookieBar() } window.lazyLoad function (image
• srcAttributeName 'src') { const tempImage new Image() tempImage.src image.dataset[srcAttributeName] tempImage.onload function () { image.src tempImage.src } } window.checkIfUnderControl function(isUnderControl
• currentUserProfile
• currentUserUsername) { if (!isUnderControl !currentUserProfile !currentUserUsername) { return null } const underControlTarget withId('under-controll-inner') const profileLink document.createElement('a') profileLink.href currentUserProfile profileLink.innerText Under ${currentUserUsername} support. underControlTarget.append(profileLink) withElementsToggleClass('.js-under-controll-bar'
• 'is-hidden') } function loadScript(source
• beforeEl
• async true
• defer true) { return new Promise((resolve
• reject) { let script document.createElement('script') const prior beforeEl document.getElementsByTagName('script')[0] script.async async script.defer defer function onloadHander(_
• isAbort) { if ( isAbort !script.readyState /loaded complete/.test(script.readyState) ) { script.onload null script.onreadystatechange null script undefined if (isAbort) { reject() } else { resolve() } } } script.onload onloadHander script.onreadystatechange onloadHander script.src source prior.parentNode.insertBefore(script
• prior) }) } function decodeHtml(html) { const textarea document.createElement('textarea') textarea.innerHTML html return textarea.value } function withId(id) { return document.getElementById(id) } function withElements(selector
• callback
• rootNode document) { let elements if (typeof selector 'string') { elements rootNode.querySelectorAll(selector) } else if (!selector.length) { elements [selector] } else { elements selector } for (let i 0 i elements.length i ) { callback(elements[i]
• i) } return elements } function withClosestElementToggleClass(selector
• cssClass
• rootNode) { rootNode.closest(selector).classList.toggle(cssClass) } function withElementsSetBackground(selector
• img
• rootNode) { withElements( selector
• function (element) { element.style.backgroundImage url('${img}') }
• rootNode ) } function withElementsSetDisplay(selector
• display
• rootNode) { withElements( selector
• function (element) { element.style.display display }
• rootNode ) } function withElementsToggleDisplay(selector
• display
• rootNode) { return withElements( selector
• function (element) { if (element.style.display display) { element.style.display '' } else { element.style.display display } }
• rootNode ) } function withElementsToggleClass(selector
• cssClass
• rootNode) { return withElements( selector
• function (element) { element.classList.toggle(cssClass) }
• rootNode ) } function withElementsRemoveClass(selector
• cssClass
• rootNode) { return withElements( selector
• function (element) { element.classList.remove(cssClass) }
• rootNode ) } function withElementsAddClass(selector
• cssClass
• rootNode) { return withElements( selector
• function (element) { element.classList.add(cssClass) }
• rootNode ) } function withElementsSetInnerText(selector
• innerText
• rootNode) { return withElements( selector
• function (element) { element.innerText innerText }
• rootNode ) } function withElementsAddEventListener(selector
• event
• callback
• rootNode) { withElements( selector
• function (element) { element.addEventListener(event
• callback) }
• rootNode ) } function timeAgo(timeStamp) { const now new Date() const secondsPast (now.getTime() - timeStamp.getTime()) / 1000 if (secondsPast 60) { return ${parseInt(secondsPast)} seconds ago } if (secondsPast 3600) { return ${parseInt(secondsPast / 60)} minutes ago } if (secondsPast 86400) { return ${parseInt(secondsPast / 3600)} hours ago } if (secondsPast 86400) { return timeStamp.toISOString().slice(0
• 10) } } function closeModal(modalRoot) { if (!modalRoot) { modalRoot document.querySelector('.overlay-modal--background') } document.body.classList.remove('has-open-modal') if (modalRoot.parentNode) { modalRoot.parentNode.removeChild(modalRoot) } } function showModal(modalContainerElement) { document.body.classList.add('has-open-modal') withElements( '.js-close-modal'
• function (closeButton) { closeButton.addEventListener('click'
• function (event) { closeModal(modalContainerElement) }) }
• modalContainerElement ) } function createModal(contentHTML
• options) { options options {} const id modal-${Math.ceil(Math.random() * 10e4)} const root document.createElement('div') root.classList.add('overlay-modal--background') root.id id if (options.rootClass) { options.rootClass.split(' ').forEach(function (name) { root.classList.add(name) }) } if (!options.skipAutoClose) { root.addEventListener('click'
• function (e) { if (!getContainer(e
• 'overlay-modal--content')) { closeModal(root) } }) } const container document.createElement('div') container.classList.add( 'overlay-modal-container'
• 'overlay-modal-container--smaller' ) root.append(container) const modal document.createElement('div') modal.classList.add('overlay-modal') container.append(modal) const close document.createElement('button') close.classList.add( 'btn'
• 'btn-transparent'
• 'overlay-modal__close'
• 'js-close-modal' ) modal.append(close) const closeIcon document.createElement('i') closeIcon.classList.add('far'
• 'fa-times'
• 'is-grey') close.append(closeIcon) const content document.createElement('div') content.classList.add('overlay-modal--content') modal.append(content) content.innerHTML options.parseHTML ? decodeHtml(contentHTML) contentHTML document.body.append(root) return root } function getParentWith(selector
• node) { let container node let target while (!target) { if (!container.parentElement) break container container.parentElement target container.querySelector(selector) } return container } function getItemData(item) { const data item.dataset const itemAttributes data && data.attributes ? JSON.parse(data.attributes) {} return itemAttributes } function findAncestor(cls
• el) { while ((el el.parentElement) && !el.classList.contains(cls)) return el } function debounce(func
• wait
• immediate) { var timeout return function () { var context this
• args arguments var later function () { timeout null if (!immediate) func.apply(context
• args) } var callNow immediate && !timeout clearTimeout(timeout) timeout setTimeout(later
• wait) if (callNow) func.apply(context
• args) } } function performXHR(method
• url
• callback
• data) { window.numberOfAxiosCallPending 1 var xhr new XMLHttpRequest() xhr.onreadystatechange function () { if (xhr.readyState 4) { if (callback) { const { responseText
• status } xhr callback(responseText
• status) } } window.numberOfAxiosCallPending - 1 } xhr.open(method
• url) if (data && !(data instanceof FormData)) { xhr.setRequestHeader('Content-Type'
• 'application/json charset UTF-8') } xhr.setRequestHeader('X-CSRF-Token'
• '' getToken()) xhr.send(data) return xhr } async function fetchJSON(url) { window.numberOfAxiosCallPending 1 const res await fetch(url
• { credentials 'same-origin'
• headers { 'X-CSRF-Token' getToken()
• }
• }) window.numberOfAxiosCallPending - 1 return await res.json() } async function postJSON(url
• data) { window.numberOfAxiosCallPending 1 const res await fetch(url
• { method 'POST'
• credentials 'same-origin'
• headers { 'X-CSRF-Token' getToken()
• 'Content-Type' 'application/json charset UTF-8'
• }
• body JSON.stringify(data)
• }) window.numberOfAxiosCallPending - 1 return await res.json() } async function fetchHTML(url) { window.numberOfAxiosCallPending 1 const res await fetch(url
• { credentials 'same-origin'
• headers { 'X-CSRF-Token' getToken()
• }
• }) window.numberOfAxiosCallPending - 1 return await res.text() } function getContainer(event
• className) { const closest event.target.closest('.' className) return event.target.classList.contains(className) ? event.target closest } function layoutGallery(root) { const carouselContainer root.querySelector('.product-carousel') const listImageArea carouselContainer.querySelector( '.product-carousel__thumbs ul' ) if (listImageArea.scrollWidth listImageArea.offsetWidth) { listImageArea.style.justifyContent 'center' } else { listImageArea.style.justifyContent 'flex-start' } } function getOffsetTop(element) { let offsetTop 0 while (element) { offsetTop element.offsetTop element element.offsetParent } return offsetTop } function showTooltip(el) { let closeTimeout function close() { closeTimeout setTimeout(function () { clearTimeout(timeout) if (tooltip.parentNode) { tooltip.parentNode.removeChild(tooltip) } }
• 100) } const tooltip document.createElement('span') tooltip.classList.add('tooltip') if (el.dataset.class) { tooltip.classList.add(el.dataset.class) } const arrow document.createElement('span') arrow.classList.add('arrow') tooltip.append(arrow) const content document.createElement('span') content.classList.add('content') content.innerHTML el.dataset.value tooltip.append(content) el.parentNode.insertBefore(tooltip
• el) if (el.dataset.side) { tooltip.style[el.dataset.side] el.offsetWidth / 2 'px' } else { tooltip.style.left el.offsetWidth / 2 'px' } const timeout setTimeout(function () { tooltip.classList.add('active') }
• 100) content.addEventListener('mouseenter'
• function () { clearTimeout(closeTimeout) content.addEventListener('mouseleave'
• function () { close() }) }) el.addEventListener('mouseleave'
• function () { close() }) } function getItemAttributes(attributes) { return { id ${attributes.id}
• name attributes.title
• price ${attributes.price}
• brand attributes.authorUsername
• category attributes.category
• variant attributes.productType
• position attributes.index
• ...attributes.itemCategories } } function prepareItemTracking(attributes
• listItemV2 false
• searchQueryPrefixed false) { const cart window.pageConfig.cart const isCurrentUser window.pageConfig.isCurrentUser const productPricing resolveProductPricing({ cart
• attributes
• id attributes.id
• isCurrentUser
• }) const items [] data [{}
• 0
• 0] if (attributes.searchingFree && productPricing.price 0) { data [attributes
• 0
• attributes.price.toFixed(2)] } else if ( productPricing.ribbon 'saleOff' productPricing.ribbon 'dailyDeal' ) { if (productPricing.discount 0) { data [attributes
• (productPricing.originalPrice - productPricing.price).toFixed(2)
• productPricing.price.toFixed(2)] } else { data [attributes
• 0
• attributes.price.toFixed(2)] } } else if (productPricing.ribbon 'CLD') { if (productPricing.discount 0) { data [attributes
• (productPricing.originalPrice - productPricing.price).toFixed(2)
• productPricing.price.toFixed(2)] } else { data [attributes
• 0
• attributes.price.toFixed(2)] } } else { data [attributes
• 0
• attributes.price.toFixed(2)] } if (listItemV2) { items.push(prepareTrackViewItemList(...data
• searchQueryPrefixed)) } else { items.push(prepareTrackViewItem(...data)) } return items } function searchQueryPrefix() { let prefix '' let currentSearchParams new URLSearchParams(window.location.search) if (currentSearchParams.has('keywords') && currentSearchParams.has('suggested') && currentSearchParams.get('suggested') '1') { prefix 'suggested_' } else if (currentSearchParams.has('keywords')) { prefix 'search_' } else { prefix 'category_' } return prefix } function prepareTrackViewItemUA(attributes
• discount
• price) { prefix searchQueryPrefix() const trackable_attributes { id String(attributes.id)
• name attributes.title
• list_position attributes.index
• category attributes.category
• item_list_id prefix attributes.searchQuery
• item_list_name prefix attributes.searchQuery
• price parseFloat((price - discount).toFixed(2))
• } return trackable_attributes } function prepareTrackViewItemList(attributes
• discount
• price
• prefixed false) { const trackable_attributes { item_id String(attributes.id)
• item_name attributes.title
• affiliation attributes.affiliation ''
• currency 'USD'
• index parseInt(attributes.index)
• item_brand attributes.authorUsername
• item_category attributes.category
• item_category2 attributes.subcategory
• item_category3 attributes.itemCategory3
• item_category4 attributes.itemCategory4
• item_category5 attributes.itemCategory5
• item_list_id attributes.searchQuery
• item_list_name attributes.searchQuery
• item_variant attributes.productType
• location_id attributes.locationId && attributes.locationId.join("_")
• price parseFloat(price)
• quantity 1
• } trackable_attributes.discount discount 0 ? parseFloat(discount) 0 return trackable_attributes } function prepareTrackViewItem(attributes
• discount
• price) { let prefix '' let currentSearchParams new URLSearchParams(window.location.search) if (currentSearchParams.has('keywords') && currentSearchParams.has('suggested') && currentSearchParams.get('suggested') '1') { prefix 'suggested_' } else if (currentSearchParams.has('keywords')) { prefix 'search_' } else { prefix 'category_' } const trackable_attributes { item_id String(attributes.id)
• item_name attributes.title
• currency 'USD'
• index attributes.index
• item_category attributes.category
• item_category2 attributes.subcategory
• item_list_id prefix attributes.searchQuery
• item_list_name prefix attributes.searchQuery
• price price
• value parseFloat((price - discount).toFixed(2))
• quantity 1
• } if (discount 0) { trackable_attributes.discount parseFloat(discount) } return trackable_attributes } // Exact copy of /app/javascript/Utils/ResolveProductPricing.js function resolveProductPricing({ cart
• attributes
• id
• isCurrentUser }) { const productDiscountAvailable { saleOff cart.isSaleOff && attributes.isSaleOffApplicable
• dailyDeals cart.isDailyDeals && attributes.isDailyDealApplicable
• cld attributes.isCLDApplicable && !cart.isSaleOff && cart.isCreditsEnabled
• } if (productDiscountAvailable.saleOff productDiscountAvailable.dailyDeals) { const discount attributes.saleOffDiscount cart.saleOffDiscount const discountedPrice Math.max( (attributes.price * (100 - discount)) / 100.0
• attributes.minimumSalePrice ) return { price discountedPrice
• originalPrice attributes.price
• discount 1.0 - discountedPrice / attributes.price
• discountAmount attributes.price - discountedPrice
• ribbon cart.isDailyDeals ? 'dailyDeal' 'saleOff'
• } } else if (productDiscountAvailable.cld) { const isCartSizeSufficient cart.value attributes.price cart.applicableCldValue if (isCurrentUser && isCartSizeSufficient) { let discountedPrice Math.max( attributes.price - cart.creditsAvailable
• attributes.price * 0.7
• attributes.minimumSalePrice ) if (cart.itemIds.includes(parseInt(id))) { discountedPrice attributes.price } return { price discountedPrice
• originalPrice attributes.price
• discount 1.0 - discountedPrice / attributes.price
• discountAmount attributes.price - discountedPrice
• ribbon 'CLD'
• } } else { return { price attributes.price
• originalPrice attributes.price
• discount 0
• discountAmount 0
• ribbon 'CLD'
• } } } else { return { price attributes.price
• originalPrice attributes.price
• discount 0
• } } } function createElementWithConfig(element
• config) { const el document.createElement(element) Object.keys(config).forEach((key) { el.setAttribute(key
• config[key]) }) return el } // // event bus // (function() { const events [] App.events { publish function(event
• data) { events.forEach(function(item) { if (item.key event) { item.callback(data) } }) }
• subscribe function(event
• callback) { events.push({ key event
• callback callback
• }) }
• unsubcsribe function(event
• callback) { const index events.findIndex(function(item) { return item.key event && item.callback callback }) if (index -1) { events.splice(index
• 1) } }
• } })() 'use strict' function getToken() { const meta document.querySelector('meta[name "csrf-token"]') const freshToken meta ? meta.content '' return freshToken } function setToken() { withElements('[name authenticity_token]'
• function (element) { element.value getToken() }) } setToken() function initSaleOff() { 'use strict' function init(saleOffConfig) { const { content
• discount
• discountPhrase
• endsAt
• isSecondaryColor
• useTimer } saleOffConfig let setIntervalId null withElements('.js-sale-off-timer'
• function (timerContainer) { timerContainer.innerHTML JSON.parse(timerContainer.getAttribute('data-timer')).content withElementsSetInnerText(' sale-off-strip-content'
• content
• timerContainer) withElementsSetInnerText(' sale-off-strip-discount'
• ${discount}%
• timerContainer) withElementsSetInnerText(' sale-off-strip-discount-phrase'
• discountPhrase
• timerContainer) withElementsSetDisplay(' sale-off-strip-time'
• 'none'
• timerContainer) function updateTimer() { let timeRemaining endsAt - new Date().getTime() if (timeRemaining 0) { const days parseInt(timeRemaining / (60 * 60 * 24 * 1000)).toString().padStart(2
• '0') timeRemaining (timeRemaining % (60 * 60 * 24 * 1000)) const hours parseInt(timeRemaining / (60 * 60 * 1000)).toString().padStart(2
• '0') timeRemaining (timeRemaining % (60 * 60 * 1000)) const minutes parseInt(timeRemaining / (60 * 1000)).toString().padStart(2
• '0') timeRemaining (timeRemaining % (60 * 1000)) const seconds parseInt(timeRemaining / 1000).toString().padStart(2
• '0') withElementsSetInnerText(' sale-off-strip-days'
• ${days}
• timerContainer) withElementsSetInnerText(' sale-off-strip-hours'
• ${hours}
• timerContainer) withElementsSetInnerText(' sale-off-strip-minutes'
• ${minutes}
• timerContainer) withElementsSetInnerText(' sale-off-strip-seconds'
• seconds
• timerContainer) } else { withElementsSetDisplay('.js-sale-off-timer'
• 'none') clearInterval(setIntervalId) } } if (useTimer) { setIntervalId setInterval(updateTimer
• 1000) withElementsSetDisplay(' sale-off-strip-time'
• ''
• timerContainer) } }) } if ( window.pageConfig.saleOff && !window.pageConfig.saleOff.dailyDealsActive && window.pageConfig.saleOff.endsAt - new Date().getTime() 0 ) { init(window.pageConfig.saleOff) } } (function() { window.dataLayer window.dataLayer [] window.itemIdsBuffer window.itemIdsBuffer [] window.impressionsCounter window.impressionsCounter 0 window.track function(options) { window.dataLayer.push({ event options.event 'CustomEvent'
• eventCategory options.eventCategory ''
• eventAction options.eventAction ''
• eventLabel options.eventLabel ''
• eventValue options.eventValue ''
• isNonInteractionHit options.isNonInteractionHit false
• }) } window.trackCustomEvent function(event null) { // this function is used to track GA events // let's use this insted of window.dataLayer.push if (event) { window.dataLayer.push(event) } } })() "use strict" function showGuestElements() { withElementsSetDisplay(".js-only-for-user"
• "none") withElementsSetDisplay(".js-only-for-admin"
• "none") withElementsSetDisplay(".js-only-for-guest"
• "") document.addEventListener( "click"
• function(e) { const container getContainer(e
• "js-auth-control") if (container) { e.stopPropagation() e.preventDefault() container.outerHTML container.outerHTML showPopover(document.querySelector(" login-popover")) window.appendMTCaptcha() return false } }
• true ) function appendReferrerToOmniauth() { const referrer Cookies.get('__gtm_referrer') '' const raw_utm_string Cookies.get('__gtm_campaign_url') '' withElements('.btn--omniauth-registration'
• (btn) { btn.href encodeURI( ${btn.href}&referrer ${referrer}&raw_utm_string ${encodeURIComponent(raw_utm_string)} ) }) } withElements(".btn--omniauth-registration"
• function(element) { element.addEventListener("click"
• function(e) { try { if (!e.target.dataset.handled) { e.preventDefault() e.stopPropagation() appendReferrerToOmniauth() e.target.dataset.handled true } return e.target.click() } catch (error) { if (window.sendErrorToSentry) { window.sendErrorToSentry(error
• { tags { section 'Omniauth login/registration' } }) } return e.target.click() } }) }) } function showUserElements(isNotAdmin) { withElementsSetDisplay(".js-only-for-guest"
• "none") withElementsSetDisplay(".js-only-for-user"
• "") if (isNotAdmin) { withElementsSetDisplay(".js-only-for-admin"
• "none") } } window.renderUserMenu function(info) { const target withId('user-info-block') const isAlreadyInitialised target && target.classList.contains('is-initialised') const dividerBlock document.createElement('div') const dividerLine document.createElement('div') dividerBlock.classList.add('cgt-divider'
• 'cgt-mt-10'
• 'cgt-mb-10') dividerLine.classList.add('cgt-divider__color'
• 'cgt-back-color-grey-12') dividerBlock.appendChild(dividerLine) if (target && info && !isAlreadyInitialised) { const userMenuSection document.createElement('div') userMenuSection.classList.add('nav-options-dropdown__section') const menuGroups info.forEach((group
• i) { const groupContent Object.values(group) const isFirstGroup i 0 const isLastGroup i info.length - 1 const linkElements groupContent.forEach(({ url
• icon
• text
• keyword }
• idx) { if (url && text && keyword) { const menuLink document.createElement('a') const linkIcon document.createElement('span') const isWithIcon !!icon menuLink.classList.add('cgt-menu-item'
• 'cgt-menu-item--medium'
• 'undecorated-text'
• 'user-menu-item'
• 'js-track-link-click') if (isWithIcon) { const iconWrapper document.createElement('div') const iconTag document.createElement('i') iconWrapper.classList.add('cgt-icon'
• 'cgt-icon__icon'
• 'cgt-icon--small'
• 'cgt-icon--not-spaced'
• 'cgt-icon--light') menuLink.classList.add('cgt-menu-item--icon-left') linkIcon.classList.add('cgt-menu-item__lead-icon') if (icon 'upload') { linkIcon.classList.add('fas'
• 'svg-inline--fa'
• fa-${icon}
• 'is-not-spaced'
• 'is-default'
• 'custom-font-icon'
• 'custom-font-icon--centered'
• 'custom-icon--light') } else { iconTag.classList.add('custom-font-icon'
• 'custom-icon--light'
• icon-${icon} ) } iconWrapper.appendChild(iconTag) linkIcon.appendChild(iconWrapper) } menuLink.href url menuLink.innerText text menuLink.dataset.keyword keyword if (isWithIcon) { menuLink.prepend(linkIcon) } if (isLastGroup) { if (idx groupContent.length - 1) { // last element of last group const settingsRow document.createElement('div') const settingsLink document.createElement('div') const origLogout document.getElementById('user-logout-action') settingsRow.classList.add('user-settings-row') settingsLink.classList.add('user-settings-row__link') settingsLink.appendChild(menuLink) settingsRow.appendChild(settingsLink) settingsRow.appendChild(origLogout) userMenuSection.appendChild(settingsRow) } else { userMenuSection.appendChild(menuLink) } } else { userMenuSection.appendChild(menuLink) if (idx groupContent.length - 1) { userMenuSection.appendChild(dividerBlock.cloneNode(true)) } } } }) }) target.appendChild(userMenuSection) target.classList.add('is-initialised') } } function bindUserInfo(props) { const { currentUserUsername
• currentUserAvatarUrl
• menuUserInfo } props if (menuUserInfo) { renderUserMenu(menuUserInfo) } withElements(".js-current-user-href"
• function(element) { element.href "/" currentUserUsername }) withElementsSetInnerText(".js-current-user-username"
• currentUserUsername) if (currentUserAvatarUrl) { withElementsSetDisplay(".js-current-user-initials"
• "none") withElements(".js-current-user-avatar-image"
• function(element) { element.src currentUserAvatarUrl }) } else { withElements(".js-avatar-container"
• function(element) { element.classList.add("is-empty") }) withElementsSetDisplay(".js-current-user-avatar-image"
• "none") withElementsSetInnerText( ".js-current-user-initials"
• currentUserUsername[0].toUpperCase() ) } } const setIndicator (elementId
• value) { withElementsSetInnerText(elementId
• value) } function updateCartIndicator(cartSize "") { setIndicator(" cart-indicator"
• cartSize) } function bindNavigationInfo({ cart
• inboxSize
• notificationsSize
• currentSegment
• }) { const hasNewMessages inboxSize 0 const hasNotifications notificationsSize 0 const hasCreditsAvailable cart.creditsAvailable 0 var customEvent new CustomEvent('navigation-cart-loaded'
• { detail cart }) window.dispatchEvent(customEvent) updateCartIndicator(cart.size) const creditsAvailable hasCreditsAvailable ? cart.creditsAvailable.toFixed(0) "" setIndicator(" credits-indicator"
• creditsAvailable) if (hasNewMessages) { setIndicator(" inbox-indicator"
• inboxSize) } if (hasNotifications) { setIndicator(" notifications-indicator"
• notificationsSize) } } function toggleMobileNav() { withElementsToggleClass('.hamburger
• .mobile-curtains'
• 'is-active') withElementsToggleClass('.app-nav'
• 'is-opened') document.body.classList.toggle('is-overlaid') } function toggleMobileSubnav(e
• id) { e.preventDefault() withElements('.js-subnav-toggle'
• function (element) { // li if (element.id id && !element.classList.contains('is-subnav-active') ) { element.classList.add('is-subnav-active') withElementsSetDisplay('.js-reset-mobile-nav'
• 'flex') } else { element.classList.remove('is-subnav-active') } }) } function nodeScriptExec(node) { withElements('script'
• function(el) { eval(el.innerHTML) }
• node) } function goBack() { history.go(-1) } window.nodeScriptExec nodeScriptExec window.toggleMobileSubnav toggleMobileSubnav window.toggleMobileNav toggleMobileNav window.goBack goBack // // search suggestions // (function() { function setSuggestions(html
• searchInput) { withElements(searchInput
• (element) { element.innerHTML html nodeScriptExec(element) }) } document.addEventListener( "click"
• function(e) { if (e.target.classList.contains("nav-search-suggestions__item")) { withElements('.site-search__field'
• function(item) { const searchQuery item.value searchQuery && window.dataLayer && window.dataLayer.push({ event 'search'
• search_term 'search_' searchQuery
• recommendation true
• }) }) } } ) function handleDocumentClick(e) { if (!e.target.closest('.site-search')) { setSuggestions(''
• '.js-nav-search-suggestions') document.removeEventListener('click'
• handleDocumentClick) } } const debounced debounce((query
• searchInputId) { const getResponseTextAndSetSuggestions (responseText) { return setSuggestions(responseText
• searchInputId) } const path window.location.pathname const search window.location.search.replace('?'
• '').split('&') performXHR('get'
• /api/internal/items/live_search.html?query ${query}&path ${path}&search ${search}
• getResponseTextAndSetSuggestions) }
• 300) window.searchSuggestions function (e
• searchInputId) { const currentValue e.target.value if (currentValue.length 0) { const sanitizedValue currentValue.replace(/[ a-z0-9]/gi
• '') debounced(sanitizedValue
• searchInputId) document.addEventListener('click'
• handleDocumentClick) } else { const resultsContainer document.querySelector('.js-nav-search-suggestions') if (resultsContainer) { resultsContainer.innerHTML '' } setSuggestions(''
• '.js-nav-search-suggestions') document.removeEventListener('click'
• handleDocumentClick) } } }()) (function() { window.showNotification function(text
• options) { // Ugly alternative for null coalescing (??) on node 12 const autohide (options.autohide ! null && options.autohide ! undefined) ? options.autohide true const type options.type 'success' const appendIcon (options.appendIcon ! null && options.appendIcon ! undefined) ? options.appendIcon true const notification document.createElement('div') notification.classList.add( 'notifyjs-custom-base'
• 'notifyjs-custom-' type ) notification.addEventListener('click'
• function() { notification.parentNode.removeChild(notification) }) if (appendIcon) { const icon document.createElement('div') icon.classList.add('notification-icon') notification.append(icon) switch (type) { case 'success' icon.classList.add('fa'
• 'fa-check-circle') break case 'error' icon.classList.add('fa'
• 'fa-times-circle') break } } const content document.createElement('div') content.classList.add('notification-content') if (options.className) { content.classList.add(options.className) } content.innerHTML text notification.append(content) const close document.createElement('div') close.classList.add('notification-close-icon'
• 'fa'
• 'fa-times') if (options.onDismiss) { close.addEventListener('click'
• options.onDismiss) } notification.append(close) if (autohide) { let timeout autohide true ? 5000 parseInt(autohide
• 10) setTimeout(function() { if (notification.parentNode) { notification.parentNode.removeChild(notification) } }
• timeout) } withId('notifications-container').append(notification) if (type ! 'error') { let eventLabel text if (/has successfully been added to the cart/.test(eventLabel)) { eventLabel 'Item has successfully been added to the cart' } else if (/has already been added to the cart/.test(eventLabel)) { eventLabel 'Item has already been added to the cart' } track({ eventCategory 'Notifications'
• eventAction type 'notification'
• eventLabel eventLabel
• }) } } })() /*! * JavaScript Cookie v2.2.0 * https //github.com/js-cookie/js-cookie * * Copyright 2006
• 2015 Klaus Hartl & Fagner Brack * Released under the MIT license */ (function (factory) { var registeredInModuleLoader false if (typeof define 'function' && define.amd) { define(factory) registeredInModuleLoader true } if (typeof exports 'object') { module.exports factory() registeredInModuleLoader true } if (!registeredInModuleLoader) { var OldCookies window.Cookies var api window.Cookies factory() api.noConflict function () { window.Cookies OldCookies return api } } }(function () { function extend () { var i 0 var result {} for ( i arguments.length i ) { var attributes arguments[ i ] for (var key in attributes) { result[key] attributes[key] } } return result } function init (converter) { function api (key
• value
• attributes) { var result if (typeof document 'undefined') { return } // Write if (arguments.length 1) { attributes extend({ path '/' }
• api.defaults
• attributes) if (typeof attributes.expires 'number') { var expires new Date() expires.setMilliseconds(expires.getMilliseconds() attributes.expires * 864e 5) attributes.expires expires } // We're using "expires" because "max-age" is not supported by IE attributes.expires attributes.expires ? attributes.expires.toUTCString() '' try { result JSON.stringify(value) if (/ [ { []/.test(result)) { value result } } catch (e) {} if (!converter.write) { value encodeURIComponent(String(value)) .replace(/%(23 24 26 2B 3A 3C 3E 3D 2F 3F 40 5B 5D 5E 60 7B 7D 7C)/g
• decodeURIComponent) } else { value converter.write(value
• key) } key encodeURIComponent(String(key)) key key.replace(/%(23 24 26 2B 5E 60 7C)/g
• decodeURIComponent) key key.replace(/[ ( )]/g
• escape) var stringifiedAttributes '' for (var attributeName in attributes) { if (!attributes[attributeName]) { continue } stringifiedAttributes ' ' attributeName if (attributes[attributeName] true) { continue } stringifiedAttributes ' ' attributes[attributeName] } return (document.cookie key ' ' value stringifiedAttributes) } // Read if (!key) { result {} } // To prevent the for loop in the first place assign an empty array // in case there are no cookies at all. Also prevents odd result when // calling "get()" var cookies document.cookie ? document.cookie.split(' ') [] var rdecode /(%[0-9A-Z]{2}) /g var i 0 for ( i cookies.length i ) { var parts cookies[i].split(' ') var cookie parts.slice(1).join(' ') if (!this.json && cookie.charAt(0) '"') { cookie cookie.slice(1
• -1) } try { var name parts[0].replace(rdecode
• decodeURIComponent) cookie converter.read ? converter.read(cookie
• name) converter(cookie
• name) cookie.replace(rdecode
• decodeURIComponent) if (this.json) { try { cookie JSON.parse(cookie) } catch (e) {} } if (key name) { result cookie break } if (!key) { result[name] cookie } } catch (e) {} } return result } api.set api api.get function (key) { return api.call(api
• key) } api.getJSON function () { return api.apply({ json true }
• [].slice.call(arguments)) } api.defaults {} api.remove function (key
• attributes) { api(key
• ''
• extend(attributes
• { expires -1 })) } api.withConverter init return api } return init(function () {}) })) // TO-DO extract this into a fast_pages category. Stop using fast_product_page for everything // // abstract dom controller // (function () { window.createAndShowModal function (data
• options) { let html if (data.id) { html withId(data.id).innerHTML } else { html data } const modal createModal(html
• options) showModal(modal) } window.reload function () { document.location.reload() } window.reloadAfterLogin function () { reload() } window.getData function (target
• event) { if (event) { event.preventDefault() } const dataset target.dataset const url !!dataset.url.match(/ //) ? dataset.url window.location.pathname '/' dataset.url performXHR(dataset.method 'get'
• url
• function (data) { switch (dataset.onsuccess) { case 'createAndShowModal' createAndShowModal(data
• { rootClass dataset.class }) break case 'showPopover' withId(dataset.target).innerHTML data showPopover(target
• null) break case 'reload' reload() break } }) } window.parseData function (data) { if (data && data.data && data.data.type) { switch (data.data.type) { case 'cartItems' if (data.meta) { window.pageConfig.cart.size data.meta.size window.pageConfig.cart.itemIds data.meta.itemIds window.pageConfig.cart.cartItemIds data.meta.cartItemIds window.pageConfig.cart.creditsAvailable data.meta.storeCreditsLeft if (data.meta.item) { window.pageConfig.cart.totalPrice pageConfig.cart.totalPrice data.meta.item.price window.pageConfig.cart_items data.meta.trackingCartItems } personalize(window.pageConfig) } break } } } // Set search placeholder on page load window.addEventListener('load'
• function () { window.setSearchPlaceholder() }) let resizeTimer // Set search placeholder on page resize window.addEventListener('resize'
• function () { clearTimeout(resizeTimer) resizeTimer setTimeout(function () { window.dispatchEvent(new Event('resizeEnd')) }
• 300) }) window.addEventListener('resizeEnd'
• function () { window.setSearchPlaceholder() }) window.setSearchPlaceholder function () { const searchInput document.querySelector('.js-search-input') if (window.isMobileView()) { searchInput.setAttribute('placeholder'
• 'Search 2M Models') } else { searchInput.setAttribute('placeholder'
• 'Search in more than 2 million 3D models') } } window.isMobileView function () { return window.innerWidth 968 } function trackAddToCart(attributes
• prefix true) { const item prepareItemTracking(attributes
• true
• prefix) if (window.pageConfig.indexTrack) { item[0].index window.pageConfig.indexTrack } window.dataLayer && window.dataLayer.push({ event 'add_to_cart'
• user_id window.pageConfig.currentUserId ''
• ecommerce { currency 'USD'
• value item[0]['price']
• items item } }) } function sendSearchQueryToAnalytics(e
• recommendation false) { e.preventDefault() withElements('.site-search__field'
• function (item) { const searchQuery item.value if (searchQuery.length 0) { window.dataLayer && window.dataLayer.push({ event 'search'
• search_term 'search_' searchQuery
• recommendation recommendation
• }) } }) } window.showErrorsNotifications function (errors) { for (let key in errors) { if (typeof errors[key] 'string' && key ! 'status') { showNotification(errors[key]
• { type 'error'
• autohide true
• }) } } } document.addEventListener('submit'
• function (e) { const form e.target const formClasses form.classList const isSearchForm formClasses.contains('js-search') const searchButton form.querySelector('.js-search-button') const isJSform formClasses.contains('js-form') const isAddToCart formClasses.contains('js-add-to-cart') if (searchButton) { const icon searchButton.querySelector('.js-search-button-icon') const loader searchButton.querySelector('.js-search-button-loader') if (icon && loader) { icon.classList.add('is-hidden') loader.classList.remove('is-hidden') } } const disableFormSubmissions disabled { withElements( '[type submit]'
• function (el) { el.disabled disabled }
• form ) } const conditionallyAppendInformations () form.querySelectorAll('input').forEach((input) { if (input.name 'location') { return (input.value window.location.pathname) } if (input.name 'utm_statistics[referrer]') { const referrer Cookies.get('__gtm_referrer') '' return (input.value referrer) } if (input.name 'utm_statistics[raw_utm_string]') { const raw_utm_string Cookies.get('__gtm_campaign_url') '' return (input.value raw_utm_string) } }) conditionallyAppendInformations() if (isSearchForm) { e.preventDefault() sendSearchQueryToAnalytics(e) return form.submit() } if (formClasses.contains('js-purchase-button-form') && !formClasses.contains('js-add-to-cart')) { e.preventDefault() const itemAttributes window.pageConfig.product trackAddToCart(itemAttributes) } if (isJSform) { e.preventDefault() try { const formData new FormData(form) if (formClasses.contains('js-purchase-button-form')) { if (window.pageConfig && window.pageConfig.product && window.pageConfig.product.searchQuery) { formData.set('search_query'
• pageConfig.product.searchQuery) formData.set('index'
• window.pageConfig.indexTrack) } } if (isAddToCart) { const sendAddToCartActionToAnalytics () { const parent findAncestor('js-fast-listing-item'
• form) const itemAttributes getItemData(parent) if (itemAttributes.searchQuery) { formData.set('search_query'
• itemAttributes.searchQuery) formData.set('index'
• itemAttributes.index) } trackAddToCart(itemAttributes
• false) track({ eventCategory 'Product box popover'
• eventAction 'Add to cart'
• eventLabel itemAttributes.gaList
• }) } sendAddToCartActionToAnalytics() } disableFormSubmissions(true) const appendTwoFaStep () { const requiredFields [ 'user[login]'
• 'user[password]'
• 'user[remember_me]'
• ] for (var [inputField
• value] of formData.entries()) { if (requiredFields.includes(inputField)) { document.getElementById('two-fa-second-state-form')[ inputField ].value value } } withElementsSetDisplay('.form__log-in'
• 'none') withElementsSetDisplay('.form__two-fa-second-state'
• 'block') } const handleLoginSessionExpiration () { // reload page to get valid session token return window.location.reload() } const formSubmissionCallback (data
• status) { const isLoginAction form.action.includes('/2fa-or-login') disableFormSubmissions(false) if (status 422 && isLoginAction) { return handleLoginSessionExpiration() } data JSON.parse(data) const isTwoFaForm data.twoFaEnabled const twoFaIsValid isTwoFaForm && status 200 const sucessfulResponse data.jsonapi data.success twoFaIsValid if (sucessfulResponse) { parseData(data) const message data.message form.dataset.successmessage const formHasOnSuccessFunction form.dataset.onsuccess && typeof window[form.dataset.onsuccess] 'function' const shouldReloadPage form.dataset.reloadpage 'true' if (message) { showNotification(message
• { type 'success'
• autohide true
• }) } if (data.twoFaEnabled) { return appendTwoFaStep() } if (formHasOnSuccessFunction) { window[form.dataset.onsuccess]() } if (shouldReloadPage) { return window.location.reload() } if (data.redirectTo) { disableFormSubmissions(true) window.location data.redirectTo } } else { const errorMessage typeof data.error 'string' ? data.error data.message const formHasOnErrorFunction form.dataset.onerror && typeof window[form.dataset.onerror] 'function' if (formHasOnErrorFunction) { window[form.dataset.onerror]() } if (errorMessage) { showNotification(errorMessage
• { type 'error'
• autohide true
• }) } else if (data.errors && data.errors instanceof Object && data.errors.length) { showErrorsNotifications(data.errors) } else if (data.errors && data.errors.custom_errors) { showErrorsNotifications(data.errors.custom_errors) } else { showNotification('Something went wrong
• please try again'
• { type 'error'
• autohide true
• }) } } } const currentMethod form.classList.contains('comment-form') ? form.dataset.method form.method performXHR(currentMethod
• form.action
• formSubmissionCallback
• formData) return false } catch (error) { const isLoginAction form.action.includes('/2fa-or-login') const isRegistrationAction form.action.includes('/users') && form .querySelector('button[type "submit"]') .textContent.includes('Register') if (isLoginAction) { const loginErrorContext { msg 'Login error'
• email form.querySelector('[name "user[login]"]').value
• } window.sendErrorToSentry(error
• { tags { section 'Fast pages login' }
• extra loginErrorContext }) } if (isRegistrationAction) { const registrationErrorContext { msg 'Registration error'
• email form.querySelector('[name "new_user[email]"]').value
• gdprConsent form.querySelector('[name "new_user[gdpr_consent]"]') .value
• } window.sendErrorToSentry(error
• { tags { section 'Fast pages registration' }
• extra registrationErrorContext }) } return showNotification('An unexpected error ocurred'
• { type 'error'
• autohide true
• }) } } }) function resetCaptcha(id) { if (document.getElementById(id)) { mtcaptcha.resetUI(id) } } window.resetLoginCaptcha function () { resetCaptcha('login-captcha') } window.resetRegistrationCaptcha function () { resetCaptcha('registration-captcha') } })() // // popovers // (function () { window.hidePopover function () { withElements('.popover-container.is-active'
• function (item) { item.classList.remove('is-active') }) } const showPopoverDelay 100 let showPopoverLastExecution 0 window.showPopover function (container
• event) { if ((showPopoverLastExecution showPopoverDelay) Date.now()) { // close other popovers withElements('.popover-container.is-active'
• function (item) { if (item ! container) { item.classList.remove('is-active') } }) if (container) { // block direct-link clicks if (event) { const a event.target.tagName 'A' ? event.target event.target.closest('a') if (a && a.parentNode container) { event.preventDefault() } } if (event null (window.pageConfig && !window.pageConfig.servicesLoaded)) { return } // dont close on popover content click if (!event (event && !event.target.closest('.popover'))) { if (container.classList.contains('is-active')) { container.classList.remove('is-active') App.events.publish(container
• 'popover-closed') } else { container.classList.add('is-active') App.events.publish(container
• 'popover-opened') } showPopoverLastExecution Date.now() } } } } function handlePopoverClick(e) { const container getContainer(e
• 'popover-container') if ( container && container.id 'login-popover' && window.mountPasswordComponent ) { window.mountPasswordComponent() } showPopover(container
• e) } document.addEventListener('click'
• handlePopoverClick) }()) // // cart // (function () { document.addEventListener('click'
• function (event) { const targetClasses event.target.classList if (targetClasses.contains('js-checkout-click') && pageConfig && pageConfig.cart_items) { trackProceedToCheckout() } return null }) document.addEventListener('auxclick'
• function (event) { const targetClasses event.target.classList if (event.button 1) { if (targetClasses.contains('js-checkout-click') && pageConfig && pageConfig.cart_items) { trackProceedToCheckout() } } return null }) function trackProceedToCheckout() { let cartItems [] for (let cartItemId in pageConfig.cart_items) { cartItems.push(prepareItemTracking(pageConfig.cart_items[cartItemId]
• true
• true)[0]) } window.dataLayer && window.dataLayer.push({ ecommerce_v2 null }) && window.dataLayer.push({ event 'begin_checkout'
• ecommerce_v2 { currency 'USD'
• value pageConfig.cart.totalPrice
• items cartItems } }) } function trackRemoveFromCart(item_data) { const item prepareItemTracking(item_data
• true
• true) window.pageConfig.cart.totalPrice window.pageConfig.cart.totalPrice - item.price window.dataLayer && window.dataLayer.push({ event 'remove_from_cart'
• user_id window.pageConfig.currentUserId ''
• ecommerce { currency 'USD'
• value item[0]['price']
• items item } }) } function setCart(html) { withId('top-menu-cart').innerHTML html nodeScriptExec(withId('top-menu-cart')) } function getCart() { performXHR('get'
• '/api/internal/cg/cart_items.html'
• setCart) } window.removeFromCart function (context) { const item_id context.attributes['data-item'].value trackRemoveFromCart(window.pageConfig.cart_items.filter(function (el) { return el.id item_id })[0]) window.pageConfig.cart_items window.pageConfig.cart_items.filter(function (el) { return el.id ! item_id }) performXHR('delete'
• context.attributes['data-href'].value
• (response) { setCart(response) window.dispatchEvent(new Event('item-removed-from-cart')) }) } function trackGA4ViewCart() { let cartItems [] for (let cartItem in pageConfig.cart_items) { cartItems.push(prepareItemTracking(pageConfig.cart_items[cartItem]
• true
• true)[0]) } window.dataLayer && window.dataLayer.push({ ecommerce_v2 null }) && window.dataLayer.push({ event 'view_cart'
• ecommerce_v2 { currency 'USD'
• value pageConfig.cart.totalPrice
• items cartItems } }) } window.showCart function (context) { if (!context.classList.contains('is-active')) { getCart() trackGA4ViewCart() } } })() // // credits // (function () { function setCredits(html) { withId('top-menu-credits').innerHTML html nodeScriptExec(withId('top-menu-credits')) } function getCredits() { performXHR('get'
• '/api/internal/cg/credits.html'
• setCredits) } window.showCredits function (context) { if (!context.classList.contains('is-active')) { getCredits() } } })() // // messages // (function () { function setMessages(html) { withId('top-menu-messages').innerHTML html nodeScriptExec(withId('top-menu-messages')) } function getMessages() { performXHR( 'get'
• '/api/internal/conversations/user_messages.html'
• setMessages ) } window.showMessages function (context) { if (!context.classList.contains('is-active')) { getMessages() } } })() // // notifications // (function () { function resetIndicator() { withElementsSetInnerText(' notifications-indicator'
• '') } function setNotifications(html) { withId('top-menu-notifications').innerHTML html nodeScriptExec(withId('top-menu-notifications')) performXHR('put'
• '/api/internal/users/check-notifications'
• resetIndicator) } function getNotifications() { performXHR( 'get'
• '/api/internal/users/notifications.html'
• setNotifications ) } window.showNotifications function (context) { if (!context.classList.contains('is-active')) { getNotifications() } } })() // // tabs // (function () { window.setNavTab function (id
• e) { const tabs getParentWith(' ' id
• e.target) withElements( '.cgt-tab
• .tab-pane'
• function (item) { item.classList.remove('is-active'
• 'cgt-tab--active') }
• tabs ) e.target.closest('.cgt-tab').classList.add('cgt-tab--active') withId(id).classList.add('is-active') } window.setTab function (id
• e) { const tabs getParentWith(' ' id
• e.target) withElements( '.tab
• .tab-pane'
• function (item) { item.classList.remove('is-active') }
• tabs ) e.target.closest('.tab').classList.add('is-active') withId(id).classList.add('is-active') } })() /script script (function() { if (window.location && window.location.hash && window.location.hash ' _ _') { window.location.hash '' history.pushState(null
• ''
• ' ') } }()) /script script src "https //assets.cgtrader.com/packs/js/3-04021ccd868b0466dc35.chunk.js" async "async" defer "defer" /script script src "https //assets.cgtrader.com/packs/js/4-2190671c428875cceaff.chunk.js" async "async" defer "defer" /script script src "https //assets.cgtrader.com/packs/js/push_notifications-e38341759f8743c7a96e.js" async "async" defer "defer" /script script src "https //assets.cgtrader.com/packs/js/0-3ab2c79a98c72ef328dd.chunk.js" async "async" defer "defer" /script script src "https //assets.cgtrader.com/packs/js/1-7dd0a9c0d78ca54303b9.chunk.js" async "async" defer "defer" /script script src "https //assets.cgtrader.com/packs/js/fast_navbar-ed5dd1727ccae754d0a2.js" async "async" defer "defer" /script script src "https //assets.cgtrader.com/packs/js/homepage-a3f91771f54465484527.js" async "async" defer "defer" /script meta name "description" content "3D model marketplace for VR / AR and CG projects
• and professional 3D designer community. Download 3D models and find 3D designers for your needs." meta name "viewport" content "initial-scale 1.0
• maximum-scale 1.0
• user-scalable no" meta name "apple-touch-fullscreen" content "yes" meta name "apple-mobile-web-app-title" content "CGTrader" meta name "apple-mobile-web-app-status-bar-style" content "black" title CGTrader - 3D Models for VR / AR and CG projects /title /head body div class "notice js-inline-cookies is-hidden" div class "notice-content" span class "close-notice js-cookies-policy-close" onclick "handleCookiesDismiss('_cgtrader_cpsa48')" i class "far fa-times is-not-spaced" /i /span Our website uses cookies to collect statistical visitor data and track interaction with direct marketing communication / improve our website and improve your browsing experience. Please see our Cookie Notice for more information about cookies
• data they collect
• who may access them
• and your rights. a target "_blank" class "link--darker" id "dad865be1324674b1e55b4e24ebacc07" href "/pages/cookie-notice" Learn more /a /div div class "notice-content__action" button class "btn btn-primary btn-sm js-cookies-policy-accept" onclick "handleCookiesAccept('_cgtrader_cpsa48')" Accept /button /div /div !-- Google Tag Manager (noscript) -- noscript iframe src "https //www.googletagmanager.com/ns.html?id GTM-MGKV46" height "0" width "0" style "display none visibility hidden" /iframe /noscript !-- End Google Tag Manager (noscript) -- header class "site-navigation" div class "site-navigation__header" div class "sale-off-timer-wrapper" div class "js-sale-off-timer" data-timer "{"content" " u003ca class "timer-strip--top-bar " href "/3d-models?sale_off 1 " u003e u003cdiv class "timer-strip " u003e u003cdiv class "timer-row " u003e u003cdiv class "timer-strip__item timer-strip__item--content " id "sale-off-strip-content " u003e u003c/div u003e u003cdiv class "timer-strip__item timer-strip__item--info " u003e u003cdiv class "u-mr10 " id "sale-off-strip-discount-phrase " u003e u003c/div u003e u003cdiv class "big-text u-mr10 " id "sale-off-strip-discount " u003e u003c/div u003e u003cdiv u003eoff! u003c/div u003e u003c/div u003e u003cdiv class "timer-strip__item timer-strip__item--time " id "sale-off-strip-time " u003e u003cspan class "timer-strip__item--text u-mr10 " u003eSale ends in u003c/span u003e u003cdiv class "big-text " u003e u003cspan id "sale-off-strip-days " u003e u003c/span u003e u003cspan id "sale-off-strip-hours " u003e u003c/span u003e u003cspan id "sale-off-strip-minutes " u003e u003c/span u003e u003cspan id "sale-off-strip-seconds " u003e u003c/span u003e u003c/div u003e u003c/div u003e u003cdiv class "timer-strip__item timer-strip__item--button " u003e u003cbutton class "btn btn-round learn-more-button " u003eFind deals u003c/button u003e u003c/div u003e u003c/div u003e u003c/div u003e u003c/a u003e"}" /div /div nav class "navbar navbar--light js-navbar" div class "hamburger" onclick "toggleMobileNav()" div class "hamburger-box" div class "hamburger-inner" /div /div /div a class "navbar-logo" id "c951a584db7e51570a8def6a70677ab8" href "https //www.cgtrader.com/" img alt "CGTrader - 3D Models / 3D Designers" width "100" height "25" loading "lazy" fetchpriority "low" src "https //assets.cgtrader.com/assets/cgtrader_RGB-01e6a104352677af92aff6885a6886e587a12da78167f0a95440740003e707db.svg" / /a div class "navbar-right fast-options-dropdowns js-remaining-filters" div class "site-search" form accept-charset "UTF-8" action "/search" class "js-search" method "get" div class "js-search-form" /div input autocomplete "off" class "site-search__field js-search-input