Solved.

Here'es how just in case helps others:

Inside the {{#each section.sections}} loop on the section page, I've added another {{#if articles}} block that loops through section.sections' articles and displays them.

You can play with the style attribute in the element to change the styling, however note that the main layout of the page remains unchanged and won't look like the category page:

            {{#each articles}}

           

•              {{#if promoted}}

               

                {{/if}}

                {{title}}

                {{#if internal}}

               

                                

                                

               

                {{/if}}

             

            {{/each}}

         

          {{/if}}

In Addition 

Rather than duplicating the or even editing the CSS, I've applied the classes for categories to the sections and reshuffled the HTML structure (using

  
  

    

      

        
{{section.name}}

        {{#if settings.show_follow_section}}
        
{{subscribe}}

        {{/if}}
        {{#if section.description}}
        
{{section.description}}

        {{/if}}
      

      

        {{#if section.sections}}
        {{#each section.sections}}
        

          

            
              {{name}}


            
          

          {{#if articles}}
          

            {{#each articles}}
            

              {{#if promoted}}
              
              {{/if}}

              {{title}}
              {{#if internal}}
              
                    

            {{/each}}
          

          {{/if}}
        

        {{/each}}
        {{/if}}
      

      {{pagination "section.sections"}}
      {{#if section.articles}}
      

        {{#each section.articles}}
        

          {{#if promoted}}
          
            

        {{/each}}
      

      {{else}}
      
      {{t 'empty'}}
      
      {{/if}}
      {{pagination "section.articles"}}
    

  

  {{#if promoted_articles}}
  

    
{{t 'promoted_articles'}}

    

      {{#each promoted_articles}}
      

        
          {{title}}
          {{#if internal}}
          
            
      

      {{/each}}
    

  

  {{/if}}

Thank you Ifra Saqlain for the code provided.

I got it working with a slight amendment to the code in below Snippet (correct me if i made any mistake)

Thank you Terese.

Not sure where to insert this code or if it will work.

To add some clarity to my request i have managed to get some screenshots approved which may help

Categories on Home Page are already in Blocks and have Images (i managed to sort out the assets and link etc)

When i insert the Code from above (from Ifra Saqlain  on Sep 2021) into the category_page.hbs

it works as intended but with consequences as i have non-linear tree structure (owing to a few of the Categories having different Product groups within (Sections).

These follow 

Category  > Section > Section > Articles

As apposed to the majority which are

Category > Section > Articles

Examples below:

For the Category 14119644860957

As there are  2 additional Sections within this category I get the desired look and feel :

But as removing a lot of Code with reference to the each_Section within the Tree structures etc

ALL Categories now with Blocks

See below Category 1411968073293

Where as before it looked like this with promoted articles etc

My request is if there is a way to apply the Block to Specific Categories and not all.

Root Cause is wanting to keep majority of the Standard coding in the Copenhagen Theme.

I hope to have clarified a little more for you all.

Ifra Saqlain

Newbie here so firstly thank-you for all posts as i have come a long way already with your help.

I have 9 Categories  (Products in my case)

Each Category has 5 Sections which are all the same [FAQ, Product Info, Troubleshooting etc]

If i use the Code above get block for all of the sections (as intended i know!)

As one of my Categories has 2 variants I have had to create 2 new Sections. Then within Each of these Sections i place the same 5 Sections as mentioned above.

Below is a graphical representation of what i see currently using the Copenhagen theme

Example if of a Category Product of T Shirts.

There are 2 variations Long and Short Sleeved

I am looking to apply the Blocks and ultimate aim to place image in them as i managed to do for the Categories on the home page.

To achieve this

The above code applies to {{#each sections}}

I only want to apply to specific Sections of my choosing (assume using the section ID)

The Copenhagen Theme is working well for the rest so dont want wish to remove complete code lines which would destroy the current section view when no variations (Sub Sections if you will)

I hope i explained myself well enough (unfortunately can not send you link to HD as not public or share screenshots)

Fingers crossed you (or anyone else) can assist.

Rgds James