@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap'); /* ---------- Tokens ---------- */ .sbblog{ --sb:#005F6A; --sb-dark:#00464e; --sb-06:rgba(0,95,106,.06); --sb-08:rgba(0,95,106,.08); --sb-12:rgba(0,95,106,.12); --sb-18:rgba(0,95,106,.18); --ink:#152a2e; --body:#4a5c60; --line:rgba(0,95,106,.14); --white:#ffffff; --radius:18px; --shadow:0 18px 50px -22px rgba(0,95,106,.28); --sb-anchor:110px; /* Ansprung-Abstand; wird per JS an fixierte Theme-Header angepasst */ position:relative; font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; color:var(--body); background:var(--white); line-height:1.65; font-size:17px; -webkit-font-smoothing:antialiased; } .sbblog *{box-sizing:border-box;margin:0;padding:0} .sbblog h1,.sbblog h2,.sbblog h3,.sbblog h4{font-family:'Poppins',sans-serif;color:var(--ink);line-height:1.15;letter-spacing:-.01em} .sbblog p{margin:0} .sbblog a{text-decoration:none;color:inherit} .sbblog img{max-width:100%;display:block} .sbblog ul,.sbblog ol{list-style:none} /* ---------- Layout ---------- */ .sbblog__wrap{max-width:1180px;margin:0 auto;padding:0 24px} .sbblog__sec{padding:clamp(46px,6vw,84px) 0} .sbblog__eyebrow{ display:inline-flex;align-items:center;gap:14px;font-family:'Poppins',sans-serif;font-weight:600; font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--sb);margin-bottom:22px; } .sbblog__eyebrow::before{content:"";flex:none;width:44px;height:2px;border-radius:2px;background:var(--sb);transform-origin:left center;animation:sbblog-eyebrow 2.8s ease-in-out infinite} @keyframes sbblog-eyebrow{0%,100%{transform:scaleX(.45);opacity:.55}50%{transform:scaleX(1);opacity:1}} @media(prefers-reduced-motion:reduce){.sbblog__eyebrow::before{animation:none;transform:scaleX(1);opacity:1}} /* ---------- Buttons ---------- */ .sbblog a.sbblog__btn{ display:inline-flex;align-items:center;gap:10px;font-family:'Poppins',sans-serif; font-weight:600;font-size:16px;padding:16px 30px;border-radius:100px;text-decoration:none; transition:.25s ease;cursor:pointer;border:1px solid transparent; } .sbblog a.sbblog__btn--primary{background:var(--sb)!important;color:#fff!important;box-shadow:0 14px 30px -12px rgba(0,95,106,.55)} .sbblog a.sbblog__btn--primary:hover{background:var(--sb-dark)!important;color:#fff!important;transform:translateY(-2px)} .sbblog a.sbblog__btn--ghost{background:var(--sb-06)!important;color:var(--sb)!important;border:1.5px solid var(--sb)!important} .sbblog a.sbblog__btn--ghost:hover{background:var(--sb)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(0,95,106,.55)} .sbblog a.sbblog__btn svg{width:17px;height:17px;transition:transform .25s} .sbblog a.sbblog__btn:hover
Jede Produktseite sollte sich immer nur auf ein Produkt konzentrieren. Viele Webshops bieten auf diversen Produktseiten Wahlmöglichkeiten an, die den Kunden zum Kauf vergleichbarer Produkte bewegen sollen. Alternativen sollten lediglich in übergeordneten Navigationsseiten stattfinden, wenn der Kunde noch unentschlossen ist. Die Produktseite sollte sich zu 100 % dem bestimmten Produkt widmen.
Wordpress wurde von dem damals 19-jährigen Matt Mullenweg entwickelt und wurde in den letzten 10 Jahren zu einem der meist verwendetsten Blogging und CMS Software. Gino Cremer postuliert, dass schätzungsweise 8.5 % der Webseiten mittels WordPress realisiert werden
Ich empfehle jedem, der überlegt in den Onlinehandel einzusteigen, sich zuerst die Frage zu stellen: Was muss mein Shop können? Viele kaufen überstürzt, geködert durch kostengünstig erscheinende Angebote, schnell die ein oder andere Lizenz für eine Shoplösung. Oft sind es aber die versteckten Kosten, die erst später anfallen, wie Suchfilter, individuelle Modifikationen oder Zusatzlizenzen. Daher empfiehlt es sich bereits zu Beginn zu wissen, wohin die Reise gehen soll.