search

drupalAM / drupal-am

Armenian Drupal Community website
4 stars 3 forks source link

Create 'CTA block' #65

Open muradyanani opened 2 years ago

muradyanani commented 2 years ago

Create a custom block type named 'CTA block'.

Fields:

Add 4 style types:

Use the wave style as here: https://6253e1fc02602.site123.me/

Screen Shot 2022-05-06 at 18 10 40

Screen Shot 2022-05-06 at 18 12 37

Color: #0678BE (dark blue)

Expected behavior: Have a block, which will be placed on Homepage and used for an upcoming event, news and Registration CTA.

muradyanani commented 2 years ago

@leo72 we have discussed with @iiinnnaaa. Maybe the text will be a Link? Let me know your thoughts.

iiinnnaaa commented 2 years ago

https://drive.google.com/file/d/17wzokXwwH3pUONVB4lfOdF3O3Cm9ysUn/view?usp=sharing

muradyanani commented 2 years ago

Or you can use the Wave UX effect on the block: https://codepen.io/goodkatz/pen/LYPGxQz

muradyanani commented 2 years ago

@iiinnnaaa please can you provide instructions how to add the CTA block, thanks

iiinnnaaa commented 2 years ago

Sure @muradyanani

  1. Open blocks and add a new block (CTA block type)

dasc1

dasc2

dasc3

  1. Fill fields and Save the block

dasc4

  1. Open Contexts from Admin Tool Bar Structure menu

dasc5

  1. Edit the context where you want to place the block (e .g for frontpage - Front)

dasc6

  1. From the bottom place your block and click "Save and Continue", go to the needed page, and refresh.

dasc7

P.S. I've added my test block with Bottom Wave on frontpage on dev (you can change or remove it if you want)