210effcd22
taskid-3733888
closes odoo/documentation#8657
X-original-commit: a3ca109cf5
Signed-off-by: Xavier Platteau (xpl) <xpl@odoo.com>
61 lines
2.0 KiB
ReStructuredText
61 lines
2.0 KiB
ReStructuredText
=========
|
|
Structure
|
|
=========
|
|
|
|
The website configurator provides a range of :guilabel:`Structure` :doc:`building blocks
|
|
<../building_blocks>` to design your website's layout, including headings, images, and text.
|
|
|
|
Below are presented two types of structure blocks: :ref:`Banner <structure/banner>` and
|
|
:ref:`Masonry <structure/masonry>`.
|
|
|
|
.. note::
|
|
To add a building block, click :guilabel:`Edit`, select the desired building block under the
|
|
:guilabel:`Blocks` tab, and drag and drop it onto the page. To access its settings, click it and
|
|
go to the :guilabel:`Customize` tab, where the available options depend on the type of block
|
|
selected.
|
|
|
|
.. _structure/banner:
|
|
|
|
Banner
|
|
------
|
|
|
|
The :guilabel:`Banner` block combines a title, text, images, and a call to action button, making it
|
|
suitable for placement at the top of a website.
|
|
|
|
.. image:: structure/default-image-content.png
|
|
:alt: The default banner block
|
|
|
|
Call to action
|
|
~~~~~~~~~~~~~~
|
|
|
|
The call to action button encourages visitors to take a specific action, for example, consulting
|
|
your shop, downloading a file, or making an appointment.
|
|
|
|
.. image:: structure/call-to-action.png
|
|
:alt: Selecting the call to action button
|
|
|
|
To change the button's link, select it and click the :guilabel:`Edit Link` icon. Additional
|
|
customization options are available in the :guilabel:`Inline Text` section.
|
|
|
|
.. image:: structure/inline-text.png
|
|
:alt: Configuring the call to action button
|
|
|
|
.. _structure/masonry:
|
|
|
|
Masonry
|
|
-------
|
|
|
|
The :guilabel:`Masonry` block offers a range of templates that associate image and text bricks. To
|
|
change the default template, go to the :guilabel:`Customize` tab, click :guilabel:`Template` and
|
|
select one.
|
|
|
|
.. image:: structure/masonry-template.png
|
|
:alt: Selecting a masonry building block template
|
|
|
|
.. tip::
|
|
The :guilabel:`Masonry` block allows you to add text on top of images. To do so, go to the
|
|
:guilabel:`Customize` tab, scroll to :guilabel:`Add Elements`, and click :guilabel:`Text`.
|
|
|
|
.. image:: structure/masonry-text-box.png
|
|
:alt: Adding text on top of an image
|