Project

General

Profile

Enhancement #4502

Størrelse på forsider i karrusel

Added by Jesper K. Lund 6 months ago. Updated 5 months ago.

Status:
Closed
Priority:
Normal
Assignee:
-
Estimated time:
URL med eksempel:
Kategorier:
Inspiration - Karruseller

Description

Jeg kan se at nogle biblioteker (bl.a. Ballerup og Randers) kan vise 6 forsider i deres forsidekarruseller. 

Umiddelbart kan jeg (redaktør løsning) ikke se at vi har den mulighed.

Ønske:
Mulighed for i backend at vælge om man vil vise 4 eller 6 (eller 8?) forsider i en forsidekarrusel når man opretter den.
Der skal være mulighed for forskellige antal til forskellige karruseller, ikke et fast default antal for alle karruseller.


Related issues

Is duplicate of DDB CMS - Enhancement #4146: Gør forsidekarrusel mindreNeeds design decision

History

#1 Updated by René Krøll 6 months ago

Vi har sat noget CSS ind som gør det. Men det giver god mening hvis alle kan det.

 

#2 Updated by Simon Holt 6 months ago

@Rene ser nice ud. Vil du dele dit CSS?

#3 Updated by René Krøll 6 months ago

Det er en bid CSS lavet af Tina fra Hvidovre (Hun er savnet).

Ting Object Overlay er slået fra her /admin/appearance/settings/ddbasic (det ødelægger det hele når man har mere end det oprindelige antal materialer).

CSS'en:

/*Style søgeoverskrift på forsidekarrusel på mobil*/
@media screen and (max-width: 950px){.pane-carousel .carousel-tabs {padding-top: 40px;}}
@media screen and (max-width: 600px){
.pane-carousel select.carousel-select {
    font-size: 30px;
    line-height: 36px;
    font-family: FaktPro-Light,sans-serif;
    color: #262627;
    margin-bottom: 10px;
    padding: 0px;
    height: 72px;
    white-space: normal;
  }}
/*End Style søgeoverskrift på forsidekarrusel på mobil*/

/*Fjern luft på forside*/
.frontpage-layout .content-wrapper .pane-content .frontpage-layout .panel-pane .panel-pane-inner{padding:20px 0;}/*Fjern luft i top og bund af widgets på forside*/
.frontpage-layout ul.carousel.slick-initialized.slick-slider {margin-bottom: 0px;}/*Fjern luft under pileknapper i karuseller*/
.frontpage-layout .ding-carousel .slick-slider {min-height: 300px;max-height: 300px;}/*Gør området med forsider i karuseller mindre*/
.frontpage-layout .ding-carousel .slick-slider .slick-track .slick-slide {width: 170px;margin-right: 20px;}/*Gør forsider i karuseller og mellemrum mellem dem mindre*/
.frontpage-layout .panel-pane.pane-all-opening-hours table.opening-hours-table {margin-bottom: 10px;}/*Fjern luft mellem nederste filial og "se alle .."-knap*/
.frontpage-layout table.opening-hours-table td {padding-top: 10px;padding-bottom: 10px;}/*Mindre luft rundt om den enkelte filial i åbningstidsoversigt*/
/*End Fjern luft på forside*/

/*Få teksten i karuseller på forside til at ligne teksten i åbningstider widget'en*/
.frontpage-layout .carousel-tabs .carousel-list-tabs .carousel-item a{font-size: 14px;line-height: 20px;font-weight: bold;} 
/*End Få teksten i karuseller til at ligne teksten i åbningstider widget'en*/

/*Styling af indhold i skyggetekster i karusel efter karusellen er gjort mindre*/
.ting-object.view-mode-teaser>.inner .field-name-ting-title h2, .ting-object.view-mode-teaser>.inner .field-name-ting-author {font-size: 14px;line-height: 18px;margin-bottom: 10px}
.ting-object.view-mode-teaser>.inner .action-button{bottom:10px;padding:10px;width: 40%;}/*styling af knapper i skyggeboks*/
.ting-object.view-mode-teaser>.inner .field-name-ting-type{padding-top:10px;}/*Ryk indhold i skyggeboks en smule op*/
/*End Styling af indhold i skyggetekster i karusel efter karusellen er gjort mindre*/

#4 Updated by Rolf Madsen 6 months ago

  • Status changed from New to Needs design decision
  • Target version set to Release XX - UX forbedringer i søgegrænsefladen

Vi tager det med i forbindelse med en eventuel gennemgang af UX i formidlingsgrænsefladen.

#5 Updated by Stefan Søndervang 5 months ago

#6 Updated by Stefan Søndervang 5 months ago

Dette er et duplikat af 4146.

Jeg smider gode pointer derover.

#7 Updated by Stefan Søndervang 5 months ago

  • Status changed from Needs design decision to Closed

Also available in: Atom PDF