Custom Content Blocks

Documentation on how to add more Content Blocks below the main one.

By default, when you create your store and install theme, you'll just have one main content block with Homepage Text. If you want to customise your store even more by adding block for e.g. Terms, Support or any other topic to the homepage below the main one, you can do that by adding code directly to index.html .

Adding new blocks can be done in few steps:

1. Launch Template Editor and open index.html from the sidebar

2. Scroll down until you see the place for custom blocks

3. Between that two comments, you can place your custom blocks, below this steps, you can see the structure/code for the custom block

4. After you pasted and edited your custom block, click 'Publish' bottom from the top

Block Code

This is the code of the Custom Content Block. At the bottom, instead of Lorem ipsum dolor sit amet... text, you'll place content of your block. Icon of Block Title uses FontAwesome, in this example fas fa-cube represents the cube icon in the title and 'Custom Block' text is the title.

<div class="panel content-block-panel panel-default">
	<div class="panel-body">
		<div class="content-block-wrap">
			<div class="content-block-title">
				<i class="fas fa-cube content-block-icon"></i> 
				<p class="content-block-name">Custom Block</p>
			</div>
		</div>
		<p>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum
		</p>
	</div>
</div>