Try   HackMD

Table of content

Important bits

Product pages have different components on each tower (VET, FARM) that means you MUST use the proper template when running the script. Below you can find both towers' template to avoid confusion.

All the other template can be run on both towers, however you have to make sure of the correct API keys in package.json and image's codenames in Scripts/data/template-name.ts.template folder - comment out the proper one, because codenames vary by towers.

Page Templates

Product Pages

Structure - FARM

​​​​- Template - Single Product Page Representation
​​​​    - Compontent - Key Info Module
​​​​        - Component - Key Info Package
​​​​            - Component - Key Info Icon
​​​​    - Layout - Column
​​​​        - Component - Rich Text
​​​​        - Module - Large Benefits Block
​​​​            - Component - Icon with text
​​​​    - Layout - Row
​​​​        - Component - Image
​​​​    - Layout - Column
​​​​        - Component - Rich Text
​​​​        - Module - Tabbed Component Block
​​​​            - Component - Rich Text
​​​​            - Component - Rich Text
​​​​    - Layout - Column
​​​​        - Component - Rich Text
​​​​    - Component - CTA button block
​​​​    - Component - Anchor
​​​​    - Component - Full tabbed block [6-1-001]
​​​​        - Full tabbed block [6-1-001] tabs
​​​​    - Config - Product

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Information

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Branch: feature/farm-single-product-template
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Link: https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/farm-single-product-template

Structure - VET

- Template - Product Info Page
    - Module - Section Header Block
        - Component - Link
    - Component - Anchor
    - Layout - Column
        - Component - Rich Text
        - Module - Small benefits module
            - Component - Icon with Text
    - Component - Anchor
    - Layout - Column
        - Module - Key Info Module Column
            - Component - Icon with Text
    - Layout - Column
        - Component - Rich Text
        - Module - Table Block
            - Module - Table Row (Header)
                - Component - Table Row Data
            - Module - Table Row (Row)
                - Component - Table Row Data
    - Component - Rich Text with CTA
    - Component - Full tabbed block [6-1-001]
        - Full tabbed block [6-1-001] tabs
    - Config - Product
        - Secondary Header Config
             - Component - CTA button block
             - Page - Nav item link
             - Page - Nav item link

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Information

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Branch: feature/vet-product-template
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Link: https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/vet-product-template

Hero Page

- Template - Hero Section
    - Module - Section Header Block
    - Layout - Column
        - Component - Rich Text
        - Module - Small Benefits module
            - Component - Icon with Text
            - Component - Icon with Text
            - Component - Icon with Text
            - Component - Icon with Text
        - Component - Rich Text
    - Layout - Column
        - Module - Simple Lister Block
            - Component - CTA button block
        - Module - Simple Lister Block
            - Component - CTA button block
        - Module - Simple Lister Block
            - Component - CTA button block
    - Layout - Column
        - Component - Article Lister Block Large
            - Component - Meta Block
            - Component - CTA button block

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Information

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Branch: feature/farm-hero-section-page
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Link: https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/farm-hero-section-page

Branch Page

- Template - Branch Page
    - Module - Section Header Block
    - Layout - Column
        - Component - Rich Text
        - Component - Small Benefits block
            - Component - Icon with Text
            - Component - Icon with Text
            - Component - Icon with Text
            - Component - Icon with Text
        - Component - Rich Text
        - Layout - Dynamic Cards Lister
            - Component - Card/Cards
        - Component - Rich Text
        - Layout - Dynamic Cards Lister
            - Component - Card/Cards

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Information

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Branch: feature/branch-page
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Link: https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/branch-page

Product Service Page

- Template - Product Services
    - Module - Section Header Block
    - Layout - Row
        - Layout - Column
            - Component - Rich Text
            - Component - Small Benefit Block
                - Component - Icon with Text
                - Component - Icon with Text
                - Component - Icon with Text
            - Component - Rich Text
            - Module - Simple Lister Block
                Component - CTA Button block
            - Module - Simple Lister Block
                Component - CTA Button block
            - Module - Simple Lister Block
                Component - CTA Button block
            - Module - Simple Lister Block
                Component - CTA Button block
            - Module - Simple Lister Block
                Component - CTA Button block
            - Component - Rich Text
        - Layout - Column
            - Component - Rich Card
                - Component - Rich Text
                - Component - CTA Button block
            - Component - Card/Cards

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Information

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Branch: feature/product-services-page
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Link: https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/product-services-page

Article Page - V2

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Information

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Branch: feature/basic-article
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Link: https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/basic-article

Collection Page - VET

- Template - Collection Page
    - Module - Section Header Block
    - Layout - Column
        - Component - Rich Text
        - Module - Large Benefits Block
            - Component - Icon with Text
    - Layout - Column
        - Component - Rich Text
        - Layout - Dynamic Card Lister
    - Layout - Column
        - Module - FAQ
            - Component - FAQ Items
    - Component - Full tabbed block [6-1-001]
        - Full tabbed block [6-1-001] tabs

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Information

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Branch: feature/vet-collection-page
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Link: https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/vet-collection-page

Category Page - VET

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Information

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Branch: feature/vet-category-template
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Link: https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/vet-category-template

Component / Module templates

Enhanced Product Directory Block (Product Cards)

Complex (has more than one tabs)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Information

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Branch: feature/enhanced-product-card-complex
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Link: https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/enhanced-product-card-complex

Simple (has ONLY one tab)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Information

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Branch: feature/enhanced-product-card
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Link: https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/enhanced-product-card

Last changed by 
 
Benjamin Peto
0
163

Read more

Learn PHP and Laravel

Historical Perspective What is the history and evolution of PHP and Laravel? PHP (Hypertext Preprocessor) was created by Rasmus Lerdorf in 1994 as a server-side scripting language primarily designed for web development. It initially stood for "Personal Home Page" but later changed to "PHP: Hypertext Preprocessor." PHP evolved over the years, and with the release of PHP 3 in 1998, it gained significant popularity as a robust and versatile scripting language. Laravel, on the other hand, is a PHP web framework developed by Taylor Otwell. It was first released in 2011 and quickly gained traction within the PHP community. Laravel follows the Model-View-Controller (MVC) architectural pattern and incorporates modern features, making web development more efficient and enjoyable. How have PHP and Laravel influenced web development? PHP revolutionized web development by providing a simple yet powerful scripting language that enabled dynamic content generation and database connectivity. Its ease of use and wide availability on web servers made it a popular choice for building dynamic websites. Laravel, as a framework built on top of PHP, introduced numerous improvements and streamlined development processes. It offers a rich set of tools, libraries, and conventions that simplify common web development tasks, such as routing, database access, and authentication. Laravel's elegant syntax and comprehensive documentation make it appealing to developers, enhancing their productivity and code quality.

Jun 13, 2023
TypeScript Course Notes

Understanding TypeScript Table of Contents Getting started What is TypeScript? superset of JavaScript a language built up on JavaScript adds new features and advantages to JS browser can't execute it!

Feb 24, 2023
Read more from Benjamin Peto
Published on HackMD