Developer forum

Forum » Rapido » Some styling questions

Some styling questions

E-mail notifications
Scott Forsyth Dynamicweb Employee
Scott Forsyth
Reply
Posted on 16/04/2019 04:26:50

I'm working on a Rapido site that needs to have a black background. This is giving me a chance to experiment with the settings.

There are two that don't appear to be configurable from the Rapido settings that I wanted to ask about:

Here's the site, which is very much a work in progress: https://aci.dw-demo2.com/products

  • The first is the div for the image on a grid view. That has a white background, from the product-list__grid-item__image class. Is that configurable out-of-the-box?
  • The 2nd is the heading (below the image). That's a <h6> with class of u-condensed-text. Is that configurable out-of-the-box?

And a third question. Is it possible to create facets with dropdown lists (select) rather than checkboxes? When I choose a Render type of "Select" in the Facet settings, it doesn't show any results. Is that expected to work in Rapido 3.1? (the docs don't mention it so maybe it's a future feature)

Thanks,

Scott


Replies

 
Nicolai Pedersen
Posted on 23/04/2019 16:34:31
Reply
This post has been marked as an answer

Hi Scott

Uh black...!

You cannot configure the image background - have to use the ignite grid__cell product-list__grid-item__image dw-mod modifier.

The h6 is not configurable at all either - do not know why we use h6 for that purpose... can be styled in ignite using product-list__grid-item__price-info--short dw-mod h6 modifier.

Rapido does not support Select for facets as only one option can be chosen and it is not very easy for a user to use compared to the checkbox list. The checkbox list is scrollable and has search feature if enough comes in - and some of the facet groups can be collapsed by default - see "open facet groups settings" here: https://doc.dynamicweb.com/rapido/configuration/website-settings-tabs/product-list#7843

BR Nicolai

Votes for this answer: 1
 
Nicolai Pedersen
Posted on 23/04/2019 16:36:15
Reply

Why select menus should be avoided:

https://www.youtube.com/watch?v=CUkMCQR4TpY

https://www.lukew.com/ff/entry.asp?1950

https://www.nngroup.com/articles/drop-down-menus/

 

 
Scott Forsyth Dynamicweb Employee
Scott Forsyth
Posted on 28/04/2019 23:24:38
Reply

Hi Nicolai,

Thanks. I made the two styling changes in the ignite layer. It was good to at least know that it's not supported by configuration so that I should do it myself.

Regarding the select, I watched and read your recommended articles/videos, which were good. Our situation may be one of the exceptions where a select box makes sense. It's for guided selling where we're leading the user to a single choice, and it's from a list that they don't already know the options in advance, so a free text field wouldn't make sense. But I'll do some thinking before making a decision on which way we'll go. It's good to know why the select isn't implemented yet at least. So we'll figure out the best UX option first, and then decide the best way to implement it.

Thanks,

Scott

 
Nicolai Pedersen
Posted on 29/04/2019 10:48:20
Reply

Hi Scott

It is a simple update to let Rapido support select boxes in your facets.cshtml found in \Templates\Designs\Rapido\eCom\ProductList\Blocks

BR Nicolai

 
Scott Forsyth Dynamicweb Employee
Scott Forsyth
Posted on 29/04/2019 14:56:43
Reply

Hi Nicolai,

Perfect. That's helpful, thanks.

Scott

 

You must be logged in to post in the forum