Sometimes it’s necessary to change a default page layout to make your store unique or to adapt the default layout to meet your business requirements. You can do this easily using a built-in Theme Tweaker module that allows adding your own CSS styles and JavaScript codes to the existing X-Cart ones, adding custom images or even editing text labels and rearranging info blocks on the page.

Based on the changes you made, Theme Tweaker will create a new module and copy a custom template and you won’t have to do that manually. In addition to the unbeatable convenience of making changes on the fly, you may rest assured that every tweak you implemented with this tool will be saved correctly in accordance with the OOP paradigm.

Please make sure the module is installed and enabled before proceeding. When enabled, you can change skins in one click in the Look and feel > Layout section of the admin area and apply changes to the existing store layout directly on the storefront using Webmaster mode.

For this purpose log in as an admin and open the storefront using the “View storefront” button on any page of your store admin area.

view-storefront.png

The storefront will be opened in a new tab. Find the ‘Gear’ icon in the bottom left corner and click on it to start editing pages in the Webmaster mode.

gear-icon.png
modes.png

The Webmaster mode provides five convenient tools that you can use to apply changes to the different parts of your site. Let’s review each tool in details:

  1. Template Editor
  2. Custom CSS
  3. Layout Editor
  4. Labels Editor
  5. Description Editor

Related pages: