Custom widget creation

[pandeyved]

Hi All,
I need a widget to display the following content like this, whether any OOB widget present or need to create custom one. If custom, then how I can create.

This is widget to display image and when we click it takes up to cat item

Similarly like this one more

Please guide

Thanks

[Sajal Gupta]

Hi @pandeyved 

You can try out the quick links widget, You will be able to achieve the below set of designs OOB based on instance options.

[pandeyved]

Thanks @Sajal Gupta 

I tried that only but it is coming in two rows like this

instead of this I want both in single row. I tried to reduce height and width in css but not working.

Pls guide

 thanks

[Sajal Gupta · Accepted solution]

@pandeyved You can try out card size as 'small' to get the below kind of design with OOB widget. 

If you still want to achieve that design. The space is too small to show 2 cards back to back, you can customize the widget and update the size in the below widget code from 20 rem to 8 rem to achieve that.

[pandeyved]

Thanks a lot