View source for How to change the way time slots are shown/sv

<languages/>
{{#seo: |title=Hur du ändrar hur tidsluckor visas – SimplyBook.me |description=Anpassa hur tidsluckor visas på din bokningssida. Anpassa upplevelsen efter ditt företags behov. Läs mer! |titlemode=append |keywords=faq, vanliga frågor, bokningssystem, bokningsprogram, möten online, kalenderprogram, bokningskalender, schemaläggning, onlinebokning, online schema, inställningar, hjälp, support, tidslinje, slotvy, design, tidsluckornas utseende, visa slots, färger, slotfärger }}
<br><br>
Videoguide <p><youtube>G5q1OCIcu8o</youtube></p>

<br><br>
=Kalenderlayouter=
Du kan ändra kalenderlayout via <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Designinställningar</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar för kalenderlayout</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Kalenderlayout</span> i rullgardinsmenyn.<br/>
[[File:Calendar layout options redesigned2.png|1200px |border| center|link=https://help.simplybook.me/images/b/bf/Calendar_layout_options_redesigned2.png]]<br/><br>
Det finns 8 olika kalenderlayouter:<br/>
:'''Veckoslots''' – visar tillgängliga tider i intervall som motsvarar tjänstens varaktighet. Börjar räkna från första tillgängliga tid för veckan.<br/>
:Både tillgängliga och otillgängliga tider visas.<br>
[[File:Slots weekly updated.png |border| center ]]<br/><br/><br>
:'''Modern''' – visar endast tillgängliga tider i intervall som motsvarar tjänstens varaktighet. Visar bara tider från dagens första tillgängliga slot.<br>
:Otillgängliga tider visas inte.<br>
[[File:Modern updated.png |border| center ]]<br/><br/>
:'''Modern per leverantör''' – visar tillgängliga tider per leverantör för det valda datumet. Visar bara tillgängliga tider från alla leverantörer.<br>
:Otillgängliga tider visas inte.<br>
[[File:Modern provider updated.png | center ]]<br/><br/>
:'''Flexibel veckovis''' – visar tider enligt den valda [[Special:MyLanguage/Need_to_change_interval_(timeframe)|tidsintervallen]], från första lediga tiden under veckan.<br>
:Både lediga och upptagna tider visas.<br>
[[File:Flexible weekly updated.png |border| center ]]<br/><br/>
:'''Flexibel''' – liknande ovan, men visar endast en dag i taget.<br>
:Både lediga och upptagna tider visas.<br>
[[File:Flexible updated.png |border| center ]]<br/><br/>
:'''Flexibel per leverantör''' – visar tillgängliga tider per leverantör i intervall enligt [[Special:MyLanguage/Need_to_change_interval_(timeframe)|tidsinställningen]], med start från första lediga tid för det valda datumet.<br>
:Både lediga och upptagna tider visas.<br>
[[File:Flexible provider updated.png |border| center]]<br/><br/>
:'''Dagliga klasser''' (tillgängligt när [[Special:MyLanguage/Classes_custom_feature | Klasser]] är aktiverat) – visar tillgängliga tider enligt tjänstens/klassens längd för valt datum.<br>
:Endast tillgängliga tider visas.<br>
[[File:Daily classes updated.png |border| center]]
<br/><br/>
:'''Veckovisa klasser''' – visar tider för klasser i intervaller enligt klassens längd i ett veckoschema. Visar tider från första lediga för varje dag.<br>
:Endast tillgängliga tider visas.<br>
[[File:Weekly classes updated.png|border| center]]
<br/><br/>
Om du har tjänster med fasta starttider och använder Modern, Veckoslots, Modern per leverantör eller Dagliga klasser, kan du testa funktionen [[Special:MyLanguage/Appointment_at_Fixed_Time_custom_feature| Fast tid för bokning]].

<br/><br/>

=Slot-färger=
<br/><br/>
Du kan anpassa färgerna på tillgängliga och upptagna tider efter din varumärkesprofil. Nästan alla teman och layouttyper stöder detta.<br>
Navigera till <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Designinställningar</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Färginställningar</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Upptagen tid-färg</span> / <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Tillgänglig tid-färg</span>.
[[File:Busy and available time color redesigned.png|1200px | border| center|link=https://help.simplybook.me/images/a/a1/Busy_and_available_time_color_redesigned.png]]
<br/><br/>
Exempel på färger i Veckoslots-layout på klientsidan:
[[File:Colors client side.png |border| center]]
<br/><br/>

=Visa sluttid=
Layouttyperna Modern och Veckoslots tillåter visning av sluttid för varje tidslucka. Du aktiverar detta via <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Designinställningar</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Kalenderlayoutinställningar</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Visa sluttid</span>.
[[File:End time display enabled redesigned.png|1200px | border| center|link=https://help.simplybook.me/images/b/bc/End_time_display_enabled_redesigned.png]]
<br/><br/>
Exempel på sluttidsvisning med Modern layout:
[[File:Show end time.png | border| center]]
<br/><br/>

=Datumväljare=
Det är möjligt att anpassa hur kalendern ser ut för klienten, för att göra datumvalet så smidigt som möjligt.<br>
Gå till <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Designinställningar</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Kalenderlayoutinställningar</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Välj typ av datumväljare</span>.<br>

Det finns två typer:
:'''Inbyggd datumväljare''' – mer kompakt, kalendern visas först när klienten klickar på datumet över tiderna. En popup visar månadsväxling.
[[File:Inline datepicker updated.png| border| center]]
<br/><br/>
:'''Kalender högst upp''' – visar en tvåradig kalender ovanför tiderna (4–5 rader i mobil), alltid synlig och ger smidig växling mellan datum.
[[File:Top calendar.png | border| center]]
<br/><br/>
=Sidopanel=
Du kan visa information om tjänst och/eller leverantör på tidsväljarsidan. Det är särskilt användbart om du bara har en tjänst och en leverantör, och bokningen går direkt till tidsvalet.<br>
Vissa teman stöder att visa en sidopanel.<br>
För att aktivera detta, gå till <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Designinställningar</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Övriga inställningar</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Visa tidslinjens sidopanel</span>.
[[File:Display timeline sidebar redesigned.png|1200px |border|center|link=https://help.simplybook.me/images/9/98/Display_timeline_sidebar_redesigned.png]]
<br/><br/>
Exempel från standardtemat:
[[File:Timeline sidebar.png |border| center]]
<br/><br/>
::<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Observera!''' Sidopanelen döljs automatiskt på mobila enheter eller smala skärmar (kan variera beroende på tema).</span>
<br/><br/>

=Platser kvar=
:1. Aktivera <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Visa lediga platser</span> i <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Anpassade funktioner</span>.
[[File:Display remaining spaces enable path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/0/0c/Display_remaining_spaces_enable_path_redesigned.png]]
<br><br>
:2. (valfritt) Aktivera alternativet för att visa <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">totalt antal platser</span> tillsammans med återstående.
[[File:Display remaining spaces setting redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/b/bd/Display_remaining_spaces_setting_redesigned.png]]
<br><br>
:3. Dina kunder kommer då att kunna se hur många platser som finns kvar för varje tidslucka (och totalt antal, om aktiverat).
[[File:Display slots left client side.png|1200px|border|center]]
<br><br>
<br><br>