In the Cavewire system, you can use standard blocks in order to create default landing pages.
These blocks can be used to create sections on your homepage, landing pages and other areas that utilise the Static Blocks sections.
Some common templates include:
Banners
Product Lists
Embedded Videos
Recent Blog Posts
Newsletter and Menu Templates
Using Default Design Blocks
In order to add these blocks in, you can use the CMS to enter short codes customised to show particular categories, category products, banner groups or menus.
The below code, for example, code be used to display a banner on your page and it would pull in the banner group '8'.
{{block type="bannerslider/default" template="bannerslider/slider.phtml" bannerslider_id="8"}}
This block would display the Home Page Blocks Banner Group from the Demo Store.
CMS->Banners->Manage Banner Groups page showing the Banner Group name and the corresponding ID reference number
If this were to be updated to the following (changing the 8 to a 1) the Home page hero banner group would instead be display in this block.
{{block type="bannerslider/default" template="bannerslider/slider.phtml" bannerslider_id="1"}}
Spacing your Blocks
Sometimes the blocks may be too close together, if this is the case you can use the following code to create sections and containers on your site.
Section Code
<div class="section">
*Enter your content in here
</div>
Container Code
<div class="container">
*Enter your content in here
</div>
You can use the codes together to more elaborate layouts.
Section and Container Code
<div class="section">
<div class="container">
*Enter your content here
</div>
</div>
And also add in different classes to create even more elaborate effects:
Section, Container and Styling
<div class="section text--center">
<div class="container background--dark padding">
*Enter your content here
</div>
</div>
There is a lot of flexibility in creating landing pages. To find out more about shortcodes and Cavewire Default Design blocks, check out the Demo Store below:
Keywords: cms, website, frontend, design, landing pages, design blocks, short codes,
Comments
0 comments
Please sign in to leave a comment.