Overview
A block is a modular unit of content that can be used and positioned on store pages. They can be used to display information, including text, images, and embedded videos. Blocks can then be positioned using widgets.
| NOTE: When adding or editing blocks on your site, ensure that you are careful, as any changes will be reflected on your production site. When trying out new blocks, we recommend that you do not delete any existing blocks in case you would like to revert to your original layout. |
Creating a Block
- On the Kano Store admin panel, navigate to Content > Elements > Blocks.
- In the upper-right corner, click Add New Block.
Configure the following settings.
Block Title: Enter a descriptive title for your block. This will only be visible for store administrators. Identifier: Enter an identifier for your block. Use all lowercase characters with underscores instead of spaces. Assign to Store Views: Select the stores where the widget will be visible. - Using the Displayed Content Tool Set, add content to your block.
- Once you are complete, click Save & Close.
Positioning Blocks
Using widgets, blocks can be easily positioned in different places on your page. The following list describes the locations by page type where blocks are typically placed.
Category and CMS Pages
| Block Reference | Position |
| Breadcrumbs | The navigation aid at the top of many pages that shows your current location as a link. Any additional content placed in the breadcrumbs reference floats to the right of the breadcrumbs, if displayed. |
| Left Column | Content is added to the left column. |
| Main Content Area | Content is added to the main content area. |
| My Cart Extra Actions | Content appears below the Cart Subtotal when the customer clicks the cart icon at the top of the page. |
| Navigation Bar | Content appears below the main navigation bar. |
| Page Bottom | Content appears at the bottom of the page. |
| Page Footer | Content appears above the footer of the page. |
| Page Header | Content appears below the header of the page. |
| Page Top | Content appears at the top of the page. |
| Right Column | Content appears in the right column. |
| Store Language | Content appears in the upper-left corner of the header. |
Product Page
| Block Reference | Position |
| Alert URLs | Content appears below the title of the product on the product detail page. |
| Bottom Block Options Wrapper | If custom options are added, content appears below the Add to Cart button. |
| Breadcrumbs | Content appears to the right of breadcrumbs, the navigation aid that provides links as a path that is showcased below the navigation bar. |
| Info Column Options Wrapper | If custom options are added, content appears to the right. The same location applies to configurable options. |
| Left Column | Content appears below the left column blocks. |
| Main Content Area | Content appears below the main content area. |
| My Cart Extra Actions | Content appears below the Cart Subtotal when the customer clicks the cart icon at the top of the page. |
| Navigation Bar | Content appears below the main navigation bar. |
| Page Bottom | Content appears at the bottom of the page. |
| Page Footer | Content appears above the footer of the page. |
| Page Header | Content appears below the header of the page. |
| Page Top | Content appears at the top of the page. |
| PayPal Express Checkout (Payflow Edition) Shortcut Wrapper | If the PayPal payment method is enabled, content appears below the PayPal buy button. |
| PayPal Express Checkout Shortcut Wrapper | If the PayPal payment method is enabled, content appears below the PayPal buy button. |
| Product Tags List | Content appears below the products tag bar. |
| Product View Extra Hint | Content appears below the main top price of the product. |
| Right Column | Content appears below the right column blocks. |
| Store Language | Content appears to the right of the language chooser. |
| Tags List Before | Content appears above the Add Your Tags field. |
Comments
Article is closed for comments.