Crafto

Crafto: Çok amaçlı, Bootstrap 5 tabanlı tema. Filtreli portfolyo, Accordion style 02, $250 fiyat tabloları, pop‑up ve slider’larla hızlı kurulum.

Tam ekran önizle

Crafto hakkında

Crafto; pazarlama odaklı, modern ve esnek yapısıyla dört platform paketinde sunulan çok amaçlı bir temadır. Hızlı kurulum ve şık bileşenlerle hazır gelir.

Tasarım dili; şeffaf üst bilgi, tam ekran hero, hareketli başlık efekti ve güçlü tipografi üzerine kurulur. “Marketing solutions for all” bölümü, net mesajlar ve çağrı butonlarıyla dönüşüm odaklıdır.

Filtreli portfolyo (Isotope), Accordion style 02, detaylı fiyatlandırma (Standard $250 vb.) ve gerçek kullanıcı yorumları için kaydırıcılar Swiper altyapısıyla akıcı çalışır. Abonelik popup’ı ve footer bülteni yerleşik gelir.

HTML, WordPress, Elementor ve Shopify paketleri sayesinde dilediğiniz platformda hızla yayına çıkabilirsiniz. Bootstrap 5, Bootstrap Icons, jQuery, Swiper ve Magnific Popup gibi kütüphaneler entegredir.

Öne çıkan özellikler

elementor, wordpress, shopify ve html paketleri
bootstrap 5 ile tamamen duyarlı ızgara yapısı
şeffaf üst bilgi ve mobil hamburger menü (navbar-toggler)
özel imleç efekti (custom-cursor, circle-cursor)
tam ekran hero ve hareketli başlık (fancy-text-style-4, data-fancy-text)
“marketing solutions for all” içerik bloğu ve çağrı butonları
isotope tabanlı filtreli portfolyo (portfolio-filter, grid-item)
swiper ile kayan başlıklar ve yorum kaydırıcıları
accordion style 02 (bootstrap collapse) içerik alanı
fiyatlandırma tabloları (standard $250, business, ultimate)
dikey sayaçlar (vertical-counter) ile istatistik sunumu
magnific popup ile youtube açılır pencereleri (popup-youtube)
abonelik popup’ı (#subscribe-popup) ve footer bülten formu
kaydırma ilerleme göstergesi ve yukarı çık bağlantısı
bootstrap icons ve feather ikon desteği
vendors.min.js ve main.js ile hazır etkileşimler

Kimler için ideal?

dijital ajanslardanışmanlık şirketleripazarlama ekiplerikurumsal işletmelerportfolyo tasarımcıları

Hazır sayfalar (136)

Ana sayfaBlog post type blockquoteDemo accounting processDemo accounting services detailsDemo accounting servicesDemo accountingDemo application featuresDemo applicationDemo architecture aboutDemo architecture servicesDemo architecture single project galleryDemo architectureDemo barberDemo beauty salonDemo blocks portfolioDemo blogger fashionDemo bloggerDemo branding agency aboutDemo branding agency contactDemo branding agency services detailDemo branding agency servicesDemo branding agencyDemo branding studio aboutDemo branding studio services detailsDemo branding studio servicesDemo branding studioDemo businessDemo charityDemo clothing store aboutDemo clothing storeDemo conferenceDemo consulting companyDemo consulting contactDemo consultingDemo corporate servicesDemo corporateDemo cryptocurrencyDemo data analysisDemo decor storeDemo design agency aboutDemo design agencyDemo digital agency aboutDemo digital agency blog single creativeDemo digital agency blogDemo digital agency expertiseDemo digital agencyDemo ebookDemo elder careDemo elearning aboutDemo elearningDemo fashion store contactDemo fashion store shopDemo fashion storeDemo financeDemo freelancerDemo green energyDemo gym and fitness packageDemo gym and fitnessDemo horizontal portfolioDemo hostingDemo hotel and resort about usDemo hotel and resortDemo interactive portfolio single project modernDemo interactive portfolio workDemo interactive portfolioDemo interior design aboutDemo interior designDemo it businessDemo jewellery store aboutDemo jewellery store shopDemo jewellery storeDemo lawyer attorneysDemo lawyer practice areas detailsDemo lawyerDemo logisticsDemo magazineDemo marketing aboutDemo marketing case studiesDemo marketing contactDemo marketing pricingDemo marketing services detailsDemo marketing servicesDemo marketing single project simpleDemo marketing strategy servicesDemo marketing strategyDemo marketing teamDemo medical doctorsDemo medical treatmentsDemo medicalDemo minimal portfolio aboutDemo minimal portfolio expertiseDemo minimal portfolioDemo minimalistic portfolio aboutDemo minimalistic portfolio servicesDemo minimalistic portfolioDemo modern business servicesDemo modern business who we areDemo modern businessDemo music onepageDemo photography aboutDemo photographyDemo pizza parlor chefsDemo pizza parlorDemo product showcaseDemo real estate rentDemo real estateDemo recruitment jobsDemo recruitment servicesDemo recruitmentDemo restaurant aboutDemo restaurantDemo scattered portfolio aboutDemo scattered portfolio contactDemo scattered portfolio expertiseDemo scattered portfolioDemo seo agencyDemo spa salonDemo startupDemo travel agencyDemo vertical portfolioDemo web agency aboutDemo web agency expertiseDemo web agencyDemo wedding invitationDemo yoga and meditationElement dividersElement google mapElement horizontal list itemPortfolio classic masonryPortfolio clean four columnPortfolio clean three columnPortfolio creative four columnPortfolio modern three columnPortfolio transform four columnPortfolio transform three columnSayfa

Teknik detaylar

Platformlar: Elementor, HTML, Shopify, WordPress
Duyarlı tasarım: Evet (mobil, tablet, masaüstü)
Tarayıcı uyumu: Chrome, Firefox, Safari, Edge
Yazı tipleri: Inter, Manrope, Otomanopee One, DM Sans
Kütüphaneler: Bootstrap, Bootstrap Icons, Isotope, Magnific Popup, Swiper, jQuery
Dokümantasyon: Var (paket içinde ve çevrimiçi)
Renk paleti

Platform paketleri

Elementor v3

WordPress teması + Elementor Template Kit (bölüm başına JSON şablon).

HTML v4

Statik HTML / CSS / JS sürümü; her hostingde ve çevrimdışı çalışır.

Shopify v3

Online Store 2.0 teması: sections, templates/*.json, settings_schema.

WordPress v3

Klasik WordPress teması: header/footer/page şablonları, menü, wp_head/wp_footer.

Sık sorulan sorular

Renk paletini ve yazı tiplerini nereden değiştirebilirim?

HTML sürümünde temel düzenlemeleri assets/demos/marketing/marketing.css dosyasına ekleyeceğiniz özel kurallarla yapın. Varsayılan renkler sayfada #0d6efd, #222222, #6c757d, #333333, #ffd658, #dc3545, #212529, #999999, #f8f9fa, #198754 olarak kullanılır. Yazı tipleri Inter, Manrope, Otomanopee One ve DM Sans’tır; isterseniz body ve başlık sınıflarına tipografi ataması yapabilirsiniz.

Portfolyo filtreleri çalışmıyor, ne yapmalıyım?

Üstteki filtre bağlantılarında data-filter değerleriyle aşağıdaki kartların sınıflarının eşleştiğinden emin olun (ör. .digital, .branding, .web). vendors.min.js ve main.js dosyaları index.html’nin sonunda yüklü olmalı. Ayrıca .portfolio-wrapper içinde bir .grid-sizer öğesi bulunduğunu kontrol edin.

Popup ve YouTube açılır pencereleri görünmüyor. Neden?

Abonelik popup’ı (#subscribe-popup) ve video bağlantıları (class="popup-youtube") Magnific Popup üzerinden çalışır. vendors.min.js ve main.js dosyalarını etkin tutun. Otomatik açılışı kapattıysanız popup görünmez; tekrar göstermek için #subscribe-popup bloğunu sayfada bırakın ve ilgili başlatmayı main.js’de aktif edin.

Özel simgeleri ve yıldız ikonlarını nasıl değiştiririm?

Tema Bootstrap Icons kullanır (ör. bi bi-star-fill). İkonu değiştirmek için ilgili i etiketi içindeki sınıfı güncelleyin. Sosyal ikonlar üstte font tabanlı (fa-brands) ve altta metin tabanlı bağlantılar olarak gelir; ihtiyaç duyduğunuz kombinasyonu kullanabilirsiniz.

Kaydırıcılar ve kayan yazı yavaş/çok hızlı. Hızı nereden ayarlarım?

Swiper alanlarında data-slider-options içinde speed, autoplay.delay ve slidesPerView gibi değerler bulunur. İlgili swiper kapsayıcısındaki JSON yapıdaki değerleri değiştirerek hız ve otomatik oynatma ayarlarını düzenleyin.

Lisans anahtarım nerede?

Her indirdiğiniz zip'teki LICENSE-THEMEBUY.txt dosyasında ve Hesabım > İndirmelerim sayfasında.

Güncellemeleri nasıl alırım?

Paketler güncellendiğinde Hesabım > İndirmelerim'de sürüm numarası artar; aynı sayfadan yeni sürümü indirebilirsiniz.