Shipping method: canada post

Canada Post

  • CA$0.00 < CA$30.00 CA$7.95
  • CA$30.01 < CA$50.00 CA$9.95
  • CA$50.01 < CA$75.00 CA$11.95
  • From CA$75.01 CA$0.00
Free standard shipping on orders above CA$40.00. Details

BODUM CMS GUIDE


Helper Classes

These are classes you may use within newmade blocks in order to help with orienting them as desired

        .no-margin-top                        - Removes any margin that exists towards the top of the division.
        .has-margin-top-smallest       - Removes any margin that exists towards the top of the division and then adds a 5 pixel margin on the top of the division.
        .has-margin-top-smaller         - Removes any margin that exists towards the top of the division and then adds a 10 pixel margin on the top of the division.
        .has-margin-top                       - Removes any margin that exists towards the top of the division and then adds a 20 pixel margin on the top of the division.
        .has-margin-top-bigger          - Removes any margin that exists towards the top of the division and then adds a 30 pixel margin on the top of the division.
        .has-margin-top-biggest         - Removes any margin that exists towards the top of the division and then adds a 40 pixel margin on the top of the division.

        .no-margin-bottom                     - Removes any margin that exists towards the bottom of the division.
        .has-margin-bottom-smallest    - Removes any margin that exists towards the bottom of the division and then adds a 5 pixel margin on the bottom of the division.
        .has-margin-bottom-smaller      - Removes any margin that exists towards the bottom of the division and then adds a 10 pixel margin on the bottom of the division.
        .has-margin-bottom                    - Removes any margin that exists towards the bottom of the division and then adds a 20 pixel margin on the bottom of the division.
        .has-margin-bottom-bigger       - Removes any margin that exists towards the bottom of the division and then adds a 30 pixel margin on the bottom of the division.
        .has-margin-bottom-biggest      - Removes any margin that exists towards the bottom of the division and then adds a 40 pixel margin on the bottom of the division.

        .no-padding-top                       - Removes any padding that exists towards the top of the division.
        .has-padding-top-smallest      - Removes any padding that exists towards the top of the division and then adds a 5 pixel padding on the top of the division.
        .has-padding-top-smaller        - Removes any padding that exists towards the top of the division and then adds a 10 pixel padding on the top of the division.
        .has-padding-top                      - Removes any padding that exists towards the top of the division and then adds a 20 pixel padding on the top of the division.
        .has-padding-top-bigger          - Removes any padding that exists towards the top of the division and then adds a 30 pixel padding on the top of the division.
        .has-padding-top-biggest        - Removes any padding that exists towards the top of the division and then adds a 40 pixel padding on the top of the division.

        .no-padding-left                       - Removes any padding that exists towards the left of the division.
        .has-padding-left-smallest      - Removes any padding that exists towards the left of the division and then adds a 5 pixel padding on the left of the division.
        .has-padding-left-smaller        - Removes any padding that exists towards the left of the division and then adds a 10 pixel padding on the left of the division.
        .has-padding-left                      - Removes any padding that exists towards the left of the division and then adds a 20 pixel padding on the left of the division.
        .has-padding-left-bigger          - Removes any padding that exists towards the left of the division and then adds a 30 pixel padding on the left of the division.
        .has-padding-left-biggest        - Removes any padding that exists towards the left of the division and then adds a 40 pixel padding on the left of the division.

        .no-padding-right                     - Removes any padding that exists towards the right of the division.
        .has-padding-right-smallest    - Removes any padding that exists towards the right of the division and then adds a 5 pixel padding on the right of the division.
        .has-padding-right-smaller      - Removes any padding that exists towards the right of the division and then adds a 10 pixel padding on the right of the division.
        .has-padding-right                    - Removes any padding that exists towards the right of the division and then adds a 20 pixel padding on the right of the division.
        .has-padding-right-bigger        - Removes any padding that exists towards the right of the division and then adds a 30 pixel padding on the right of the division.
        .has-padding-right-biggest      - Removes any padding that exists towards the right of the division and then adds a 40 pixel padding on the right of the division.

        .no-padding-bottom                     - Removes any padding that exists towards the bottom of the division.
        .has-padding-bottom-smallest    - Removes any padding that exists towards the bottom of the division and then adds a 5 pixel padding on the bottom of the division.
        .has-padding-bottom-smaller      - Removes any padding that exists towards the bottom of the division and then adds a 10 pixel padding on the bottom of the division.
        .has-padding-bottom                    - Removes any padding that exists towards the bottom of the division and then adds a 20 pixel padding on the bottom of the division.
        .has-padding-bottom-bigger        - Removes any padding that exists towards the bottom of the division and then adds a 30 pixel padding on the bottom of the division.
        .has-padding-bottom-biggest      - Removes any padding that exists towards the bottom of the division and then adds a 40 pixel padding on the bottom of the division.     
        


Editoral Sections


Top Section


Image


LOREM IPSUM DOLOR

Lorem impsum kdun.
Shop Now

        Block name: Editorial Section Top - Image (CMS Guide)
        {{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="443"}} 
        



Slideshow




        Block name: Editorial Section Top - Slideshow CMS
        {{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="446"}} 
        



Video


LOREM IPSUM DOLOR

Lorem impsum kdun.
Shop Now


        Block name: Editorial Section Top - Video CMS
        {{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="449"}} 
        

Video Options:

                Youtube tag parameters:
                    Autoplay
                    Controls
                    Disable keyboard
                    Loop
                    Modest Branding
                    Mute
                    Playlist
                
                Vimeo tag parameters:
                    Autoplay
                    Autopause
                    Background
                    Byline
                    Loop
                    Muted                                
                    Portrait
                    Title

            Examples:
                Youtube:
                    https://www.youtube.com/embed/NpEaa2P7qZI?version=3&controls=0&modestbranding=1&rel=0&disablekb=1&mute=1&autoplay=1&fs=0&loop=1&playlist=NpEaa2P7qZI

                Vimeo:
                    https://player.vimeo.com/video/87110435?autoplay=1&loop=1&autopause=0&title=0&byline=0&portrait=0&background=1&muted=1
                        *background=1 – for paying members only: does everything(mute,autoplay,loop...)
        


Bottom Sections



2 columns


LOREM IPSUM DOLOR

Lorem impsum kdun.

LOREM IPSUM DOLOR

Lorem impsum kdun.

        Block name: Editorial Section Bottom Two Sections CMS
        {{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="444"}} 
        



3 columns


LOREM IPSUM DOLOR

Lorem impsum kdun.

LOREM IPSUM DOLOR

Lorem impsum kdun.

LOREM IPSUM DOLOR

Lorem impsum kdun.

        Block name: Editorial Section Bottom Three Sections CMS Guide
        {{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="445"}} 
        



Four sections


LOREM IPSUM DOLOR

Lorem impsum kdun.

LOREM IPSUM DOLOR

Lorem impsum kdun.

LOREM IPSUM DOLOR

Lorem impsum kdun.

LOREM IPSUM DOLOR

Lorem impsum kdun.


        Block name: Editorial Section Bottom Four Sections CMS
        {{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="447"}} 
        



Menu




        Block name: Blackbar Menu Links CMS
        {{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="450"}} 
        



Category Sections


Category Sections - Image


Category Name
Lorem Ipsum Bunitum

        Block name: Category Section Top - Image CMS
        {{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="451"}} 
        

Category Sections - Slideshow


Category Name
Lorem Ipsum Bunitum

        Block name: Category Section Top - Slideshow CMS
        {{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="452"}} 
        

Category Sections - Video


Category Name
Lorem Ipsum Bunitum

        Block name: Category Section Top - Video CMS
        {{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="453"}} 
        




Addon Section


Product slider



        Block name: Editorial Section - Product Slider CMS
       {{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="448"}}  
        



Examples



LOREM IPSUM DOLOR

Lorem impsum kdun.
Shop Now

LOREM IPSUM DOLOR

Lorem impsum kdun.

LOREM IPSUM DOLOR

Lorem impsum kdun.




LOREM IPSUM DOLOR

Lorem impsum kdun.
Shop Now

LOREM IPSUM DOLOR

Lorem impsum kdun.

LOREM IPSUM DOLOR

Lorem impsum kdun.

LOREM IPSUM DOLOR

Lorem impsum kdun.