title: Adding new modules positions to OpenCart 3
body: <p>I am using <strong>OpenCart Version 3.0.2</strong>.</p>
  
  <p>By default OpenCart has 4 areas where we can drop the modules in our layouts. i.e. </p>
  
  <ol>
  <li>Left Column</li>
  <li>Right Column</li>
  <li>Top Content</li>
  <li>Bottom Content</li>
  </ol>
  
  <p>My question is if somehow we can drop modules elsewhere also or maybe if we can somehow call a module within the HTML-Module and wrap is with some HTML codes. Basically I am stuck with a design where I wanted to add few dynamic banners in the home page but to display them according to the design, they much be wrapped within row and than col-6 each since bootstrap is the framework I am using. </p>
  
  <p>To elaborate my requirement I am writing sample HTML so that I can show where I wanted to add modules for the home page</p>
  
  <pre><code>&lt;header&gt;&lt;/header&gt;
  &lt;div id="home" class="row"&gt;
      &lt;div class="col-12"&gt; Slideshow Module as "content top" &lt;/div&gt;
      &lt;div class="col-6"&gt; Big Banner Module &lt;/div&gt;
      &lt;div class="col-6"&gt; Few more Banners &lt;/div&gt;
      &lt;div class="col-12"&gt; Latest Products Module as "content Bottom" &lt;/div&gt;
      &lt;div class="col-12"&gt; Featured Products Module as "content Bottom" &lt;/div&gt;
      &lt;div class="col-12"&gt; HTML CONTENT Module as "content Bottom" &lt;/div&gt;
  &lt;/div&gt;
  &lt;footer&gt;&lt;/footer&gt;
  </code></pre>
  
  <p>There is a possibility that I can drop <strong>Big Banner Module and a few more Banners modules</strong> in left and right columns and a bit of jQuery to change the wrapping HTML of the columns from <code>&lt;aside id="column-left"&gt;</code> to <code>&lt;div class="col-6"&gt;</code> but this solution do not seems right and will effect the google crawling as well.</p>
  
  <p>Would someone suggest a better way to add modules like this only for the home page?</p>
  
  <p>A structure image in case if I am unable to explain the problem with HTML:</p>
  
  <p><a href="https://i.stack.imgur.com/yvk0F.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yvk0F.jpg" alt="enter image description here"></a></p>