Vizuális szerkesztés
Haladj gyorsabban
A marketing- és termékcsapatok azonnal publikálhatnak módosításokat kódérintés nélkül.
HomeHamarosan te leszel Az újító
Gondolkodj nagyban, építs gyorsan, és fejlődj a Rikrol segítségével!
Az egységes kereskedelmi élmény
Értékesíts online és személyesen. Mozgasd a történeted lendülettel.
01
Szerkeszd közvetlenül a storefrontot, újraépítés nélkül.
Módosíts szöveget, képeket és elrendezést egyszerű pont-kattintásos szerkesztéssel. Nincs deploy, nincs fejlesztői függés a napi frissítéseknél.
Sablonok
Válassz sablont, és indulj pillanatok alatt
Itt is találsz kész webshop-sablonokat, amit pillanatok alatt a saját márkádra szabunk.
Webshop sablon
Protézis Stúdió
Letisztult, professzionális webshop sablon protézisekhez, ortézisekhez és egyedi gyógyászati segédeszközökhöz. Ideális klinikák, gyártók és egészségügyi szolgáltatók számára, akik szolgáltatásaikat szeretnék bemutatni, bizalmat építeni, és a látogatókat konzultáció vagy termékfelfedezés felé terelni.
Webshop sablon
Ötvös
Elegáns, időtálló megjelenésű webshop sablon kézzel készült ékszerek, ötvösműhelyek és exkluzív márkák számára. A design a meleg arany–bézs árnyalatokra, finom tipográfiára és letisztult kompozícióra épül, így tökéletes választás arany, ezüst és drágaköves kollekciók bemutatására.
Webshop sablon
Virágkötő Műhely
Meleg, kézműves hangulatú webshop sablon virágkötőknek, koszorúkészítőknek és botanikai alkotóknak. Az elrendezés teljes képernyős osztott herót, háromoszlopos kategória bemutatót, személyes bemutatkozó szekciót kiemelt jellemzőkkel, beépített webshoppal működő élő termékrácsot, négylépéses folyamatbemutatót, vásárlói véleményeket és hangsúlyos CTA bannert tartalmaz. A lágy terrakotta, Barack és krémszínű paletta az egész oldalnak hívogató, kézzel készített érzetet ad — tökéletes azoknak az alkotóknak, akik szeretnék, ha webshopjuk tükrözné munkájuk melegségét és gondosságát.
Webshop sablon
Méhész
Ez a letisztult, méhészet témájú webshop sablon meleg, arany árnyalatokkal és természetközeli hangulattal teremt bizalmat. A nagyméretű vizuális elemek és a jól tagolt szekciók segítik a termékek kiemelését. A bemutatkozó és termékblokkok átlátható felépítése támogatja az értékesítést. Ideális választás prémium, kézműves termékeket kínáló webáruházak számára.
Webshop sablon
Estate Coffee Collective
Estate Coffee Collective House is inspired by the beauty of mornings and the warmth of freshly brewed coffee. We craft exceptional blends that combine tradition, quality, and innovation to deliver a perfect cup every time.
Webshop sablon
BuildMart – Construction Supply Ecommerce Template
Description: BuildMart is a modern ecommerce template designed for construction suppliers, hardware stores, and building material distributors. It features a bold, structured layout that highlights products clearly while maintaining a professional, industrial aesthetic. The homepage focuses on a strong visual hierarchy with prominent messaging, supporting text, and clear navigation entry points. A dark, grid-based design system enhances readability and gives the interface a distinctive, premium feel without overwhelming the content. The template is suitable for both B2B and B2C catalogs, accommodating a wide range of products such as tools, materials, and equipment. It is designed to support scalable product listings and straightforward browsing experiences. Key Features: Clean and structured homepage layout Strong typography with clear visual hierarchy Dark theme with subtle grid background Flexible layout for various product types Designed for large product catalogs Emphasis on clarity and usability Best For: Construction suppliers, hardware retailers, and industrial ecommerce businesses seeking a modern, visually distinct storefront.
Kész kód snippetek
Másolható kódrészletek
Kis építőelemek integrációkhoz, retry-hoz és workflowkhoz.
Kód snippet
Product List Example
Nincs leírás
product-list-example
<products-loader (loaded)="products = $event"/>
<div class="product-grid">
<loop [data]="products" let="product">
<a [href]="product.pageURL" class="product-link">
<div class="product-card">
<div class="product-image-container">
<img class="product-image" [src]="product.imageURL"/>
</div>
<div class="product-info">
<span class="product-name">{{ product.name }}</span>
<span class="product-price">{{ product.price }} {{ product.currency }}</span>
</div>
</div>
</a>
</loop>
</div>Kód snippet
Névtelen
Nincs leírás
centered-header
<header-context (loaded)="hdr = $event"/>
<style>
/* --- CSAK A HEADER STÍLUSAI --- */
.header-container {
display: flex;
align-items: center;
padding: 0 5%;
height: 100px;
/* Megemelt magasság a nagyobb logónak */
background: #ffffff;
border-bottom: 1px solid #eaeaea;
position: sticky;
}
/* Logó méretezése */
.header-logo-img {
height: 100px;
/* Nagyobb logó */
width: auto;
transition: height 0.3s ease;
}
/* Menü középre igazítása */
.desktop-nav-center {
position: absolute;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 30px;
}
.nav-item-link {
text-decoration: none;
color: #666;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
}
/* Hover animáció a menüpontokhoz */
.nav-item-link {
position: relative;
transition: color 0.3s ease;
}
.nav-item-link:hover {
color: #1a1a1a;
/* Sötétebb szín hoverre */
}
.nav-item-link::after {
content: '';
position: absolute;
width: 0;
height: 1.5px;
bottom: -5px;
left: 50%;
background-color: #4a5d4e;
/* A márka zöldes színe */
transition: all 0.3s ease;
transform: translateX(-50%);
}
.nav-item-link:hover::after {
width: 100%;
/* Szépen kihúzódik a vonal */
}
/* Mobil hamburger */
.burger-btn {
display: none;
flex-direction: column;
justify-content: space-around;
width: 24px;
height: 18px;
background: transparent;
border: none;
cursor: pointer;
padding: 0;
z-index: 10;
}
.burger-line {
width: 24px;
height: 2px;
background-color: #333;
border-radius: 10px;
}
/* Mobil Drawer */
.drawer-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(2px);
z-index: 10001;
}
.drawer-content {
position: fixed;
top: 0;
left: 0;
width: 300px;
height: 100%;
background: white;
z-index: 10002;
display: flex;
flex-direction: column;
box-shadow: 5px 0 15px rgba(0, 0, 0, 0.1);
animation: slideIn 0.25s ease-out;
}
@keyframes slideIn {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
/* --- RESPONSIVE --- */
@media (max-width: 850px) {
.desktop-only {
display: none !important;
}
.desktop-nav-center {
display: none !important;
}
.burger-btn {
display: flex !important;
}
.header-container {
height: 70px;
justify-content: space-between;
}
.header-logo-img {
height: 35px;
}
}
</style>
<if [condition]="hdr">
<div class="header-container">
<div class="burger-btn" (click)="hdr.menuOpen = true">
<div class="burger-line"/>
<div class="burger-line"/>
<div class="burger-line"/>
</div>
<a [href]="hdr.navigation.homeUrl" style="display: flex; align-items: center; z-index: 11;">
<img [src]="hdr.branding.logoUrl" class="header-logo-img"/>
</a>
<div class="desktop-nav-center">
<loop [data]="hdr.navigation.entries" let="navItem">
<a [href]="navItem.url" class="nav-item-link">
{{ navItem.title }}
</a>
</loop>
</div>
<div style="flex: 1;"/>
<div style="display: flex; align-items: center; gap: 16px; z-index: 11;">
<div class="desktop-only" style="font-size: 14px;">
<if [condition]="hdr.user.isLoggedIn">
<span style="color: #444;">{{ hdr.user.name }}</span>
</if>
</div>
<cart-button-1/>
</div>
<if [condition]="hdr.menuOpen">
<div class="drawer-overlay" (click)="hdr.menuOpen = false"/>
<div class="drawer-content">
<div style="padding: 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee;">
<img [src]="hdr.branding.logoUrl" style="height: 24px;"/>
<div (click)="hdr.menuOpen = false" style="font-size: 28px; cursor: pointer;"/>
</div>
<div style="display: flex; flex-direction: column; overflow-y: auto;">
<loop [data]="hdr.navigation.entries" let="mItem">
<a [href]="mItem.url" style="padding: 16px 20px; text-decoration: none; color: #333; border-bottom: 1px solid #f9f9f9;" (click)="hdr.menuOpen = false">
{{ mItem.title }}
</a>
</loop>
</div>
</div>
</if>
</div>
</if>Kód snippet
Névtelen
Nincs leírás
hello
H E L L OA Jövő E-kereskedelmi Platformja
Intuitív, Mesterséges Intelligencián Alapuló Szerkesztő
A Rikrol saját fejlesztésű mesterséges intelligencia szerkesztője lehetővé teszi, hogy bármely elemen pont és kattintás (point-and-click) elven végezzen testreszabást, amely révén átfogó, oldalszintű módosításokat eszközölhet a design és a funkcionalitás tökéletesítésére..
Növekedés-orientált Integrációk
Platformunk eladásra, monitoringra és marketingre van hangolva. A kulcsfontosságú rendszerekkel, mint például a Meta (Facebook) Pixel, kialakított saját integrációink tökéletesek arra, hogy közvetlenül támogassák és nyomon kövessék az Ön üzleti növekedését.:
Skálázható, Jövőbiztos Architektúra
Fejlett alaptechnológiánk lehetővé teszi, hogy ne csak a vizuális megjelenésen, hanem webhelye alapvető funkcionalitásán is drasztikusan változtasson. Ez biztosítja, hogy stabilan támogassuk Önt azután is, hogy vállalata mérete tíz- vagy százszorosára növekszik.
Verhetetlen csomagok
Starter
Indítsd el webáruházadat és kezdj el értékesíteni. Minden, ami az induláshoz kell – nincs termék- vagy felhasználói korlát.
7 000 FtPer
Hó
Hó
Growth
Növekedj gyorsabban beépített eszközökkel. Futtass akciókat, értsd meg vásárlóidat, és optimalizáld webáruházad.
21 000 FtPer
Hó
Hó
Scale
Haladó eszközök és egyedi megoldások növekvő vállalkozásoknak. Automatizációk, integrációk és kiemelt támogatás.
70 000 Ft+Per
Hó
Hó
Nettó árak.