Timeweb Магазин шаблонов

Шаблон сайта Articon - Art Gallery Store №65949, тема Арт и фото

Цена:

Демо
Дарим 300 рублей на хостинг!

Получи в подарок 300 руб. на любой тариф хостинга!

Как получить подарок?

  1. Купить шаблон стоимостью от 3 000 руб.
  2. Заказать бесплатную установку шаблона на хостинг.
  3. Обратиться в тех.поддержку в течении 3 дней с момента покупки шаблона.
  4. Сообщить логин своего аккаунта.

Читать подробные условия акции


Бонусные 300 руб. начисляется только на тот аккаунт, на который будет произведена установка шаблона.
OK
Дополнительные услуги:
Установка шаблона на хостинг Timeweb
Темы для Magento

Шаблоны Magento - яркие и функциональные решения для одного из самых популярных движков для электронной коммерции. Magento имеет удобную структуру каталога, возможность быстрой замены внешнего вида витрины, маркетинговые инструменты, удобные настройки оплаты, доставки и оформления, поддержку пользователей и многое другое.

У всех шаблонов исходные файлы редактируются, т.е можно персонализировать дизайн шаблона.

Стандартно шаблон включает в себя следующий перечень исходных файлов:.PSD, .XML, .PHTML, .CSS, .FLA ( присутствуют только в шаблонах с анимацией)

Additional Features Advanced Theme Options, Ajax Products Filter, Ajax Shopping Cart, Sliced PSD, Back To Top Button, Crossbrowser Compatibility, Dropdown Menu, Favicon, Live Search, Product Quick View, MegaMenu, Background Video, Newsletter popup
Categories View Grid, List
Coding CSS 3, HTML 5, JQuery, Valid Coding
Currencies USD, GBP, EUR
Demo No Index ES, IT, TR, PT, NL, ZH, CS, UK, HU, SV, AR
Features Admin Panel, Ajax, Responsive, Retina Ready, Sample Data Installer, Search Engine Friendly
Gallery Script Slider
Html key features <style> .wrap-property-html-key-features{background-color:#fff} .wrap-property-html-key-features *{box-sizing:border-box} .wrap-property-html-key-features img, .dmqzss-r img{width:100%;display:block} .dmqzss-r{position:relative;} .dmqzss-r *{box-sizing:border-box;margin:0;} .dmqzss-r{width:1300px;margin:50px auto 100px;box-shadow:0 0 20px 5px rgba(0, 0, 0, 0.2);} .js_dots{position:absolute;top:-38px;left:50%;padding:0;margin:0 -75px;list-style:none; display: inline-block;}.js_dots>div{display:inline-block;margin:0 5px;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:#939393;border-radius:100%}.js_dots>div.active{background:#000}.js_prev,.js_next{position:absolute;top:50%;margin-top:-25px;display:block;cursor:pointer}.js_next{right:-40px}.js_prev{left:-40px}.js_next.disabled,.js_prev.disabled{opacity:.3;pointer-events:none}.js_next svg,.js_prev svg{width:25px;transition:.4s}.js_next svg:hover,.js_prev svg:hover{transform:scale(1.1)}.siema {position: relative;width: 100%; height: 1000px; overflow: hidden;} </style> <div class="dmqzss-r"> <section> <div class="siema"> <img class="dmqzss-img" src="https://s.tmimgcdn.com/scr/65900/65949-en_1.jpg" alt=""/> <img class="dmqzss-img" src="https://s.tmimgcdn.com/scr/65900/65949-en_2.jpg" alt=""/> <img class="dmqzss-img" src="https://s.tmimgcdn.com/scr/65900/65949-en_3.jpg" alt=""/> <img class="dmqzss-img" src="https://s.tmimgcdn.com/scr/65900/65949-en_4.jpg" alt=""/> <img class="dmqzss-img" src="https://s.tmimgcdn.com/scr/65900/65949-en_5.jpg" alt=""/> </div> <!-- <div class="js_dots"></div> --> <span class="js_prev"> <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 501.5 501.5"><g><path fill="#2E435A" d="M302.67 90.877l55.77 55.508L254.575 250.75 358.44 355.116l-55.77 55.506L143.56 250.75z"></path></g></svg> </span> <span class="js_next"> <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 501.5 501.5"><g><path fill="#2E435A" d="M199.33 410.622l-55.77-55.508L247.425 250.75 143.56 146.384l55.77-55.507L358.44 250.75z"></path></g></svg> </span> </section> </div> <script type="text/javascript"> try { !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("Siema",[],t):"object"==typeof exports?exports.Siema=t():e.Siema=t()}(this,function(){return function(e){function t(s){if(i[s])return i[s].exports;var n=i[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var i={};return t.m=e,t.c=i,t.d=function(e,i,s){t.o(e,i)||Object.defineProperty(e,i,{configurable:!1,enumerable:!0,get:s})},t.n=function(e){var i=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(i,"a",i),i},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,i){"use strict";function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r=function(){function e(e,t){for(var i=0;i<t.length;i++){var s=t[i];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,s.key,s)}}return function(t,i,s){return i&&e(t.prototype,i),s&&e(t,s),t}}(),o=function(){function e(t){var i=this;if(s(this,e),this.config=e.mergeSettings(t),this.selector="string"==typeof this.config.selector?document.querySelector(this.config.selector):this.config.selector,null===this.selector)throw new Error("Something wrong with your selector");this.selectorWidth=this.selector.offsetWidth,this.innerElements=[].slice.call(this.selector.children),this.currentSlide=this.config.startIndex,this.transformProperty=e.webkitOrNot(),["resizeHandler","touchstartHandler","touchendHandler","touchmoveHandler","mousedownHandler","mouseupHandler","mouseleaveHandler","mousemoveHandler"].forEach(function(e){i[e]=i[e].bind(i)}),this.init()}return r(e,[{key:"attachEvents",value:function(){window.addEventListener("resize",this.resizeHandler),this.config.draggable&&(this.pointerDown=!1,this.drag={startX:0,endX:0,startY:0,letItGo:null},this.selector.addEventListener("touchstart",this.touchstartHandler,{passive:!0}),this.selector.addEventListener("touchend",this.touchendHandler),this.selector.addEventListener("touchmove",this.touchmoveHandler,{passive:!0}),this.selector.addEventListener("mousedown",this.mousedownHandler),this.selector.addEventListener("mouseup",this.mouseupHandler),this.selector.addEventListener("mouseleave",this.mouseleaveHandler),this.selector.addEventListener("mousemove",this.mousemoveHandler))}},{key:"detachEvents",value:function(){window.removeEventListener("resize",this.resizeHandler),this.selector.style.cursor="auto",this.selector.removeEventListener("touchstart",this.touchstartHandler),this.selector.removeEventListener("touchend",this.touchendHandler),this.selector.removeEventListener("touchmove",this.touchmoveHandler),this.selector.removeEventListener("mousedown",this.mousedownHandler),this.selector.removeEventListener("mouseup",this.mouseupHandler),this.selector.removeEventListener("mouseleave",this.mouseleaveHandler),this.selector.removeEventListener("mousemove",this.mousemoveHandler)}},{key:"init",value:function(){this.attachEvents(),this.resolveSlidesNumber(),this.selector.style.overflow="hidden",this.sliderFrame=document.createElement("div"),this.sliderFrame.style.width=this.selectorWidth/this.perPage*this.innerElements.length+"px",this.sliderFrame.style.webkitTransition="all "+this.config.duration+"ms "+this.config.easing,this.sliderFrame.style.transition="all "+this.config.duration+"ms "+this.config.easing,this.config.draggable&&(this.selector.style.cursor="-webkit-grab");for(var e=document.createDocumentFragment(),t=0;t<this.innerElements.length;t++){var i=document.createElement("div");i.style.cssFloat="left",i.style.float="left",i.style.width=100/this.innerElements.length+"%",i.appendChild(this.innerElements[t]),e.appendChild(i)}this.sliderFrame.appendChild(e),this.selector.innerHTML="",this.selector.appendChild(this.sliderFrame),this.slideToCurrent(),this.config.onInit.call(this)}},{key:"resolveSlidesNumber",value:function(){if("number"==typeof this.config.perPage)this.perPage=this.config.perPage;else if("object"===n(this.config.perPage)){this.perPage=1;for(var e in this.config.perPage)window.innerWidth>=e&&(this.perPage=this.config.perPage[e])}}},{key:"prev",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments[1];if(!(this.innerElements.length<=this.perPage)){var i=this.currentSlide;0===this.currentSlide&&this.config.loop?this.currentSlide=this.innerElements.length-this.perPage:this.currentSlide=Math.max(this.currentSlide-e,0),i!==this.currentSlide&&(this.slideToCurrent(),this.config.onChange.call(this),t&&t.call(this))}}},{key:"next",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments[1];if(!(this.innerElements.length<=this.perPage)){var i=this.currentSlide;this.currentSlide===this.innerElements.length-this.perPage&&this.config.loop?this.currentSlide=0:this.currentSlide=Math.min(this.currentSlide+e,this.innerElements.length-this.perPage),i!==this.currentSlide&&(this.slideToCurrent(),this.config.onChange.call(this),t&&t.call(this))}}},{key:"goTo",value:function(e,t){if(!(this.innerElements.length<=this.perPage)){var i=this.currentSlide;this.currentSlide=Math.min(Math.max(e,0),this.innerElements.length-this.perPage),i!==this.currentSlide&&(this.slideToCurrent(),this.config.onChange.call(this),t&&t.call(this))}}},{key:"slideToCurrent",value:function(){this.sliderFrame.style[this.transformProperty]="translate3d(-"+this.currentSlide*(this.selectorWidth/this.perPage)+"px, 0, 0)"}},{key:"updateAfterDrag",value:function(){var e=this.drag.endX-this.drag.startX,t=Math.abs(e),i=this.config.multipleDrag?Math.ceil(t/(this.selectorWidth/this.perPage)):1;e>0&&t>this.config.threshold&&this.innerElements.length>this.perPage?this.prev(i):e<0&&t>this.config.threshold&&this.innerElements.length>this.perPage&&this.next(i),this.slideToCurrent()}},{key:"resizeHandler",value:function(){this.resolveSlidesNumber(),this.selectorWidth=this.selector.offsetWidth,this.sliderFrame.style.width=this.selectorWidth/this.perPage*this.innerElements.length+"px",this.slideToCurrent()}},{key:"clearDrag",value:function(){this.drag={startX:0,endX:0,startY:0,letItGo:null}}},{key:"touchstartHandler",value:function(e){e.stopPropagation(),this.pointerDown=!0,this.drag.startX=e.touches[0].pageX,this.drag.startY=e.touches[0].pageY}},{key:"touchendHandler",value:function(e){e.stopPropagation(),this.pointerDown=!1,this.sliderFrame.style.webkitTransition="all "+this.config.duration+"ms "+this.config.easing,this.sliderFrame.style.transition="all "+this.config.duration+"ms "+this.config.easing,this.drag.endX&&this.updateAfterDrag(),this.clearDrag()}},{key:"touchmoveHandler",value:function(e){e.stopPropagation(),null===this.drag.letItGo&&(this.drag.letItGo=Math.abs(this.drag.startY-e.touches[0].pageY)<Math.abs(this.drag.startX-e.touches[0].pageX)),this.pointerDown&&this.drag.letItGo&&(e.preventDefault(),this.drag.endX=e.touches[0].pageX,this.sliderFrame.style.webkitTransition="all 0ms "+this.config.easing,this.sliderFrame.style.transition="all 0ms "+this.config.easing,this.sliderFrame.style[this.transformProperty]="translate3d("+-1*(this.currentSlide*(this.selectorWidth/this.perPage)+(this.drag.startX-this.drag.endX))+"px, 0, 0)")}},{key:"mousedownHandler",value:function(e){e.preventDefault(),e.stopPropagation(),this.pointerDown=!0,this.drag.startX=e.pageX}},{key:"mouseupHandler",value:function(e){e.stopPropagation(),this.pointerDown=!1,this.selector.style.cursor="-webkit-grab",this.sliderFrame.style.webkitTransition="all "+this.config.duration+"ms "+this.config.easing,this.sliderFrame.style.transition="all "+this.config.duration+"ms "+this.config.easing,this.drag.endX&&this.updateAfterDrag(),this.clearDrag()}},{key:"mousemoveHandler",value:function(e){e.preventDefault(),this.pointerDown&&(this.drag.endX=e.pageX,this.selector.style.cursor="-webkit-grabbing",this.sliderFrame.style.webkitTransition="all 0ms "+this.config.easing,this.sliderFrame.style.transition="all 0ms "+this.config.easing,this.sliderFrame.style[this.transformProperty]="translate3d("+-1*(this.currentSlide*(this.selectorWidth/this.perPage)+(this.drag.startX-this.drag.endX))+"px, 0, 0)")}},{key:"mouseleaveHandler",value:function(e){this.pointerDown&&(this.pointerDown=!1,this.selector.style.cursor="-webkit-grab",this.drag.endX=e.pageX,this.sliderFrame.style.webkitTransition="all "+this.config.duration+"ms "+this.config.easing,this.sliderFrame.style.transition="all "+this.config.duration+"ms "+this.config.easing,this.updateAfterDrag(),this.clearDrag())}},{key:"updateFrame",value:function(){this.sliderFrame=document.createElement("div"),this.sliderFrame.style.width=this.selectorWidth/this.perPage*this.innerElements.length+"px",this.sliderFrame.style.webkitTransition="all "+this.config.duration+"ms "+this.config.easing,this.sliderFrame.style.transition="all "+this.config.duration+"ms "+this.config.easing,this.config.draggable&&(this.selector.style.cursor="-webkit-grab");for(var e=document.createDocumentFragment(),t=0;t<this.innerElements.length;t++){var i=document.createElement("div");i.style.cssFloat="left",i.style.float="left",i.style.width=100/this.innerElements.length+"%",i.appendChild(this.innerElements[t]),e.appendChild(i)}this.sliderFrame.appendChild(e),this.selector.innerHTML="",this.selector.appendChild(this.sliderFrame),this.slideToCurrent()}},{key:"remove",value:function(e,t){if(e<0||e>=this.innerElements.length)throw new Error("Item to remove doesn&#039;t exist");this.innerElements.splice(e,1),this.updateFrame(),t&&t.call(this)}},{key:"insert",value:function(e,t,i){if(t<0||t>this.innerElements.length+1)throw new Error("Unable to inset it at this index ");if(-1!==this.innerElements.indexOf(e))throw new Error("The same item in a carousel? Really? Nope");this.innerElements.splice(t,0,e),this.currentSlide=t<=this.currentSlide?this.currentSlide+1:this.currentSlide,this.updateFrame(),i&&i.call(this)}},{key:"prepend",value:function(e,t){this.insert(e,0),t&&t.call(this)}},{key:"append",value:function(e,t){this.insert(e,this.innerElements.length+1),t&&t.call(this)}},{key:"destroy",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments[1];if(this.detachEvents(),e){for(var i=document.createDocumentFragment(),s=0;s<this.innerElements.length;s++)i.appendChild(this.innerElements[s]);this.selector.innerHTML="",this.selector.appendChild(i),this.selector.removeAttribute("style")}t&&t.call(this)}}],[{key:"mergeSettings",value:function(e){var t={selector:".siema",duration:350,easing:"ease-out",perPage:1,startIndex:0,draggable:!0,multipleDrag:!0,threshold:20,loop:!1,onInit:function(){},onChange:function(){}},i=e;for(var s in i)t[s]=i[s];return t}},{key:"webkitOrNot",value:function(){return"string"==typeof document.documentElement.style.transform?"transform":"WebkitTransform"}}]),e}();t.default=o,e.exports=t.default}])}); class SiemaWithDots extends Siema { addDots() { this.dots = document.createElement(&#039;div&#039;); this.dots.classList.add(&#039;js_dots&#039;); for(let i = 0; i < this.innerElements.length; i++) { const dot = document.createElement(&#039;div&#039;); dot.classList.add(&#039;dots_item&#039;); dot.addEventListener(&#039;click&#039;, () => { this.goTo(i); }), this.dots.appendChild(dot); } this.selector.parentNode.insertBefore(this.dots, this.selector.nextSibling); }; updateDots() { for(let i = 0; i < this.dots.querySelectorAll(&#039;div&#039;).length; i++) { const addOrRemove = this.currentSlide === i ? &#039;add&#039; : &#039;remove&#039;; this.dots.querySelectorAll(&#039;div&#039;)[i].classList[addOrRemove](&#039;active&#039;); } } }; const mySiemaWithDots = new SiemaWithDots({ onInit: function(){ this.addDots(); this.updateDots(); }, onChange: function(){ this.updateDots() } }); const prev=document.querySelector(&#039;.js_prev&#039;); const next=document.querySelector(&#039;.js_next&#039;); prev.addEventListener(&#039;click&#039;,()=>mySiemaWithDots.prev()); next.addEventListener(&#039;click&#039;,()=>mySiemaWithDots.next()); } catch (err) { console.log(&#039;Error&#039;); } </script>
Image key features https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3198/scr/64906-en-2560x5120.jpg
Installation Installation and set up instructions are attached (look for Documentation folder).
Magento Extensions Ajax Search, MegaMenu, Film Slider, Ajax Wishlist, Ajax Compare, Ajax Catalog, Newsletter popup, Parallax and Video Background, Google Map, Shop by Brand, Catalog Images Grid, Blog, Featured Products, Theme Options, Special Price Countdown, Smart Product Labels, Social Login, Social Sharing, Site Maintenance, Sample Data Installer, Quick View, Promo Banner
Magento compatibility 2.1.7
Magento engine 2.1.7
Marketplace membership One
Name of the template Articon - Art Gallery Store
Preview screens or video UR Ls https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3198/scr/64906-en-1.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3198/scr/64906-en-2.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3198/scr/64906-en-3.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3198/scr/64906-en-4.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3198/scr/64906-en-5.jpg
Product Family None
Template icon icon-magento
Topic Art Templates, Art Store Templates, Art & Culture

Articon is a fully responsive Magento 2 theme that is ideal choice to build a functional artist, prints, art gallery or posters store. You can customize your store design to fit any special needs, which means you can add unlimited number of banners, sliders and blocks. Put a silky-smooth slider on the Home Page to showcase the best store deals and products. Moreover, a video background is also included. To help you to create easy-to-use navigation menu looking just the way that you want, the theme features a full drag&drop Mega Menu module. Also, the theme provided with premium Social Sharing and Blog modules to promote your store and improve the SEO ranking. Hit the Live Demo to see more!


TemplateMonster MarketPlace

TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a digital products vendor and earn up to 70% from each sale.

This Art Painting Supplies Magento design is Responsive

What is it?

Responsive design ensures that the page changes its shape and size to match any type of display screen, from the tiniest handsets to the largest Personal computer screens. For any gadget, internet page elements enlarge or scale down to appear perfect.

Why is it Good?

Responsive design implies that the website will provide a great browsing experience to all users across all gadgets.

Browse for more Responsive Magento designs here

This Art Community Magento design theme is Search Engine Friendly

What is it?

It's a feature that helps to meet each and every user and search engine specifications and obtain rank positions in the search.

Why is it Good?

SEO allows to reach the top of search results and match the ranking factors required by the most popular search engines. As a result, your website is visible on the web.

Find fresh Search Engine Friendly Magento designs here

This Culture Magazine Magento template is Retina Ready

What is it?

Retina ready screens give superior pixel density that ends up with the outstanding excellence of the visual subject material presentation on last-generation gadgets.

Why is it Good?

Being Retina Ready your website becomes obtainable from Apple products which extends the amount of prospective clients.

View latest Retina Ready Magento templates here

This is Culture News Magento design template with Sample Data Installer

What is it?

WordPress themes with sample data installer have an option to add sample files to the template easily.

Why is it Good?

Sample Data Installer eliminates manual customization, as a result helping you save a lot of time. You can use the module with any WordPress template available at TemplateMonster marketplace.

Find fresh Sample Data Installer Magento design templates here


Инструкция: Как получить сайт на основе шаблона
Руководство по использованию: Как установить и отредактировать Тему для Magento

Установка шаблона

Установка шаблона - это услуга, которая предполагает установку CMS на хостинге и привязку шаблона к CMS.

CMS - система управления сайтом, она позволяет очень просто создавать новые страницы, редактировать или наполнять новыми данными свой сайт.

Чтобы ваш сайт выглядел как выбранный шаблон, нужно выбрать шаблон, купить домен и хостинг, заказать установку шаблона. После установки вы получите работающий сайт, вам останется через CMS заменить фотографии и тексты на свои.


Внимание! Бесплатная установка шаблона осуществляется только на хостинг Timeweb. Установка не предполагает работу с контентом сайта: добавление или замена текстов, изображений, иконок и т.д.
OK