Skip to content

Conversation

danalvrz
Copy link
Contributor

@danalvrz danalvrz commented Oct 8, 2025

  • I have granted permission to publish my contribution according to Granting permission to publish.
    Minor typographical corrections and other contributions that are not "material in nature" are exempt from this requirement.
  • I followed the guidelines in Contributing to Plone Training.
  • I verified there aren't any other open pull requests for the same change.
  • I successfully built the documentation and ran quality checks on my changes locally according to Building and Checking the Quality of Documentation.
  • If needed, I added new terms to the Glossary file glossary.md and referenced them in the documentation. Note that terms that are defined in external Sphinx documentation, including Plone 6 documentation, may be referenced with a {term} directive without adding the definition to the local glossary.md file.

If your pull request closes an open issue, include the exact text below, immediately followed by the issue number.
When your pull request gets merged, then that issue will close automatically.

Closes #


📚 Documentation preview 📚: https://plone-training--978.org.readthedocs.build/

@danalvrz danalvrz changed the title WIP Update customizing VLT Update customizing VLT Oct 11, 2025
@danalvrz danalvrz requested review from iRohitSingh and stevepiercy and removed request for stevepiercy October 11, 2025 07:41
@danalvrz danalvrz marked this pull request as ready for review October 11, 2025 07:41
@danalvrz danalvrz requested a review from sneridagh October 11, 2025 07:42
"plone.api",
"plone.restapi",
"plone.volto",
"kitconcept.voltolighttheme==7.3.0",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

it shoule be 7.3.1 now

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

done


Now let's add VLT's powerful widgets to control block width and alignment. Update the schema file to add the schema enhancer.

Update `src/components/blocks/myHero/schema.js`:
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

schema.ts instead of js

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done.

@iRohitSingh
Copy link
Contributor

iRohitSingh commented Oct 11, 2025

@danalvrz I went through all the code of exercise. I found some issue in hero block

  1. Title align not working if there is no image in hero block edit mode
  2. Same for subtitle
  3. object_browser not working if we remove the selected image in hero block.
  4. Another currently there is no initial width but we should have for hero block. see the screenshot for reference
Scree

@iRohitSingh
Copy link
Contributor

@danalvrz I went through all the code of exercise. I found some issue in hero block

  1. Title align not working if there is no image in hero block edit mode
  2. Same for subtitle
  3. object_browser not working if we remove the selected image in hero block.
  4. Another currently there is no initial width but we should have for hero block. see the screenshot for reference
Scree

@danalvrz Fixed .

@stevepiercy
Copy link
Contributor

Sorry, I won't have time to give this a thorough review before the training tomorrow

I would strongly suggest that you perform the following checks to make sure you don't have any glaring errors or warnings.

To enable site customization through the UI:

1. Go to http://localhost:3000/controlpanel/dexterity-types/Plone%20Site
2. In the "Behaviors" tab, activate the desired behaviors
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Currently following the training at Plone conf. At this point I am wondering what the behaviours are that the VLT add-on adds. So a list would be nice.
Or a link to the backend add-on repo, as new behaviours may be added in the future.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I agree with @mauritsvanrees - It is extremely difficult to get the origin of the new behaviours explicitly from the description. I can guess them after watching a demo the same day, but this is not sustainable.


export default function install(config: ConfigType) {
// Block palettes
config.blocks.themes = [
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fix indentation:

Suggested change
config.blocks.themes = [
config.blocks.themes = [


### Step 4: Register the Basic Block

Update `src/config/blocks.ts`:
Copy link
Member

@mauritsvanrees mauritsvanrees Oct 14, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This caused a bit of confusion in the training. Do we need to replace the existing blocks.ts completely with the next code? No.

Suggested change
Update `src/config/blocks.ts`:
Edit `src/config/blocks.ts`.
At the top add a few imports from the new hero block.
Inside the `install` function, register the hero block:


Now let's add VLT's powerful widgets to control block width and alignment. Update the schema file to add the schema enhancer.

Update `src/components/blocks/myHero/schema.ts`:
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Update `src/components/blocks/myHero/schema.ts`:
Replace `src/components/blocks/myHero/schema.ts`:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: New

Development

Successfully merging this pull request may close these issues.

5 participants