Avactis 1.9.0 ecommerce shopping cart customization using Dreamweaver

It is possible to modify design of Avactis using Dreamweaver.

All design themes of Avactis are stored in the "avactis-themes" folder.
Default design theme (or System theme) of Avactis  is located in "system" folder inside "avactis-themes".
There could be as many themes as you like in the "avactis-themes" folder.

The main file of design theme is map.ini file. For example this file is main for "system" design theme:

avactis-themes\system\map.ini

The map.ini file is the layout file, if you will open it, you will
see its simple structure.
For example you will see these sections inside map.ini file:

[default]
[index.php]
[cmspage.php]

Each section describes what blocks to show on specific pages of the store.

For example, the content of the [default] and [index.php] sections is:

[default]
template = "page.template.tpl.html"
page_title = "<?php StoreOwnerPageTitle(); ?>"
page_description = "<?php CategoryMetaDescription(); ?>"
page_keywords = "<?php CategoryMetaKeywords(); ?>"
logo = "<?php CMSPageContent('logo'); ?>"

[index.php]
left_column = "<?php NavigationBarCustom(1); ?><?php SubscribeBox(); ?><?php FeaturedProducts(1); ?>"
center_column = "<?php CMSPageContent('welcome_text');?><?php Subcategories(1); ?><?php Bestsellers(1); ?>"
right_column = "<?php CMSPageContent('right_banner');?><?php CurrencySelector(); ?><?php MiniCart(); ?><?php CustomerSignInBox(); ?><?php ProductSet_Rand(); ?>"

If the placeholder is defined in default section, it is not necessary to mention it in other sections. For example if left_column is defined in default section, it will be default for all other section and storefront.

To move any block from left column to center or right column on index.php page, move its tag (e.g. <?php MiniCart(); ?>) to the necessary column in the [index.php] section.

The logo, left_column, center_column and right_column values, are the "placeholders" which should be mentioned on the main template of theme.

Main templates of the system theme are:

avactis-themes\system\pages\templates\page.template.tpl.html
avactis-themes\system\pages\templates\part.header.tpl.html

Example of the page.template.tpl.html templates structure:

<div class="box page_header">
         <div class="cn lb"></div>
         <div class="cn rb"></div>
         <div class="content">
             <!-- LOGO -->
             <div class="logo">#logo#</div>
             <!-- HEADER SEARCH FORM -->
             <div class="top_user1">#user1#</div>
             <!-- HEADER SMALL MENU -->
             <div class="top_user2">#top_menu#</div>
         </div>
</div>

As you see it is HTML code (which could be modified using any HTML editor) inside which you can see the "placeholder" from map.ini file e.g.: #logo#

The #logo# is actually this code from the [default] section in the map.ini:

logo = "<?php CMSPageContent('logo'); ?>"

The # symbols in the name of the logo tell the system to print the content of the logo in the template.
To check if the placeholder is empty or not, you can use this construction:

<?php if ('[logo]' != ''): ?>

The design of tags is also could be customized using the templates or CMS.

To modify the content of this tag: <?php CMSPageContent('logo'); ?>
You need to find the logo page in the CMS of Avactis.

To modify the <?php MiniCart(); ?> tag or any other tag from Avactis Tag Library, you need to modify its templates.

All templates of Tags are located in the avactis-themes\system folder.
For example Mini Cart templates are located here: avactis-themes\system\catalog\shopping-cart\minicart\

Note: To switch default theme of Avactis to another one, you need to modify the TemplateDirectory path in the avactis-layouts/storefront-layout.ini file.