How to Setup System Theme, Page Title, Layout and New Pages in Magento

Last updated on May 31 2022
Raghvendra Wanchoo

Table of Contents

How to Setup System Theme, Page Title, Layout and New Pages in Magento

This blog describes how to install new Magento theme on your store’s frontend. You can use Magento Connect to install theme. For installing theme, you need to get the extension key and then use it for the installation through Magento Connect.

We will see how to get extension key by using the Magento theme −

Step 1 − Go to Magento theme page and then click on the Install Now button. You need to register a new account or login with an existing account to get extension key.

image1 7

Step 2 − Check, I Agree to the Extension license agreement option and click on the Get Extension Key button.

image2 8

Step 3 − Click the Select Key button and copy the extension key.

image3 8

Step 4 − Now login to your Magento Admin Panel and go to the System → Magento Connect → Magento Connect Manager option.

image4 8

Step 5 − Again, it will ask for login, enter your credentials to redirect to Magento Connect Manager window.

Step 6 − Now under Extensions section, paste the Extension Key (that you copied in step 2 and click on Install button. It will display status as “Ready to install” and click on Proceed button to install the language.

image5 8

 

Step 7 − It will check for dependencies of packages and display the message as Cache cleaned successfully.

image6 8

Step 8 − Refresh the page by clicking on the Refresh button and go to an admin dashboard page by clicking on Return to Admin link.

image7 8

Step 9 − To activate the theme on your store’s frontend, go to System menu and click on the Design option.

image8 8

Step 10 − To add a new theme, click on the Add Design Change button.

image9 8

Step 11 − Select the theme from the Custom Design dropdown menu and click the Save button to apply your theme for the store.

image10 8

Magento – Setup Page Title

Magento allows changing the default title of your website. The following steps describe how to change the title of Magento store.

Step 1 − Login to your Magento Admin Panel.

Step 2 − Go to the System menu, click on the Configuration option and select the Design option under the General section.

image11 5

Step 3 − Expand the HTML Head panel and you can edit the title in Default Title field. After done with the settings, click on the Save Config button.

image12 5

Magento – Setup Page Layout

Layout files are useful in rendering front pages of Magento. Using Magento, it’s easy to change the layout of pages.

This chapter describes how to create page layout in Magento −

Step 1 − Login to your Magento Admin Panel.

Step 2 − Go to CMS menu and click on the Pages option to list out all the pages of Magento. Select the page which you want to change the layout.

image13 5

Step 3 − Click on the Preview button to see structure of the page.

image14 3

Step 4 − To see the layout of the page, click on the 3 columns option under Layout tab. It will open the Page Information section. Click on the Design option. Select the option as per your choice in the Layout field and click the Save Page button to apply the changes.

image15 3

Step 5 − When you click on the Preview link, it will display the changed layout of the page.

image16 3

image17 3

Magento – Setup New Pages

This chapter shows how to create new pages in Magento by using the following steps −

Step 1 − Login to your Magento Admin Panel.

Step 2 − Go to CMS menu and click on the Pages option.

image18 1

Step 3 − It will list some of the existing pages as shown in the following screen. If you want to add new page, click on the Add New Page button.

image19 1

Step 4 − Next, specify the title for the page using Page Title field, enter the page URL identifier using URL Key option. Enable the page using Status dropdown menu and click on the Save and Continue Edit button.

image20 1

Step 5 − When you save the page, it will go to Content section asking heading for the page using Content Heading field and page content. Click on Save and Continue Edit button to proceed to the next step.

image21 1

Step 6 − After done with the content section, you can design the page by using Design section which has two sections i.e. Page Layout and Custom Design.

The Page Layout section contains a Layout option which allows select a layout as per your choice and Layout Update XML option inserts the XML code.

image22

The Custom Design section contains fields such as −

  • Custom Design Fromand Custom Design To are used to set start date and end date for the design change
  • Custom Themeoption allows to select theme for your page using dropdown menu
  • Custom Layoutoption allows to select a layout as per your choice
  • Custom Layout Update XMLoption inserts custom XML codeimage23

Step 7 − The Meta Data section contains Keywords field which sets keyword for a page name and the Description field specifies the description the given page. Click the Save Page button to save your page.

image24

Step 8 − Now you can see the page created in the list.

image25

So, this brings us to the end of blog. This Tecklearn ‘How to Setup System Theme , Page Title , Layout and New Pages in Magento’ blog helps you with commonly asked questions if you are looking out for a job in Magento Programming. If you wish to learn Java and build a career Java Programming domain, then check out our interactive, Java and JEE Training, that comes with 24*7 support to guide you throughout your learning period. Please find the link for course details:

https://www.tecklearn.com/course/java-and-jee-training/

Java and JEE Training

About the Course

Java and JEE Certification Training is designed by professionals as per the industrial requirements and demands. This training encompasses comprehensive knowledge on basic and advanced concepts of core Java & J2EE along with popular frameworks like Hibernate, Spring & SOA. In this course, you will gain expertise in concepts like Java Array, Java OOPs, Java Function, Java Loops, Java Collections, Java Thread, Java Servlet, and Web Services using industry use-cases and this will help you to become a certified Java expert.

Why Should you take Java and JEE Training?

  • Java developers are in great demand in the job market. With average pay going between $90,000/- to $120,000/- depending on your experience and the employers.
  • Used by more than 10 Million developers worldwide to develop applications for 15 Billion devices.
  • Java is one of the most popular programming languages in the software world. Rated #1 in TIOBE Popular programming languages index (15th Consecutive Year)

What you will Learn in this Course?

Introduction to Java

  • Java Fundamentals
  • Introduction to Java Basics
  • Features of Java
  • Various components of Java language
  • Benefits of Java over other programming languages
  • Key Benefits of Java

Installation and IDE’s for Java Programming Language

  • Installation of Java
  • Setting up of Eclipse IDE
  • Components of Java Program
  • Editors and IDEs used for Java Programming
  • Writing a Simple Java Program

Data Handling and Functions

  • Data types, Operations, Compilation process, Class files, Loops, Conditions
  • Using Loop Constructs
  • Arrays- Single Dimensional and Multi-Dimensional
  • Functions
  • Functions with Arguments

OOPS in Java: Concept of Object Orientation

  • Object Oriented Programming in Java
  • Implement classes and objects in Java
  • Create Class Constructors
  • Overload Constructors
  • Inheritance
  • Inherit Classes and create sub-classes
  • Implement abstract classes and methods
  • Use static keyword
  • Implement Interfaces and use it

Polymorphism, Packages and String Handling

  • Concept of Static and Run time Polymorphism
  • Function Overloading
  • String Handling –String Class
  • Java Packages

Exception Handling and Multi-Threading

  • Exception handling
  • Various Types of Exception Handling
  • Introduction to multi-threading in Java
  • Extending the thread class
  • Synchronizing the thread

File Handling in Java

  • Input Output Streams
  • Java.io Package
  • File Handling in Java

Java Collections

  • Wrapper Classes and Inner Classes: Integer, Character, Boolean, Float etc
  • Applet Programs: How to write UI programs with Applet, Java.lang, Java.io, Java.util
  • Collections: ArrayList, Vector, HashSet, TreeSet, HashMap, HashTable

Java Database Connectivity (JDBC)

  • Introduction to SQL: Connect, Insert, Update, Delete, Select
  • Introduction to JDBC and Architecture of JDBC
  • Insert/Update/Delete/Select Operations using JDBC
  • Batch Processing Transaction
  • Management: Commit and Rollback

Java Enterprise Edition – Servlets

  • Introduction to J2EE
  • Client Server architecture
  • URL, Port Number, Request, Response
  • Need for servlets
  • Servlet fundamentals
  • Setting up a web project in Eclipse
  • Configuring and running the web app with servlets
  •  GET and POST request in web application with demo
  • Servlet lifecycle
  • Servlets Continued
  • Session tracking and filter
  • Forward and include Servlet request dispatchers

Java Server Pages (JSP)

  • Fundamentals of Java Server Page
  • Writing a code using JSP
  • The architecture of JSP
  • JSP Continued
  • JSP elements: Scriptlets, expressions, declaration
  • JSP standard actions
  • JSP directives
  • Introduction to JavaBeans
  • ServletConfig and ServletContext
  • Servlet Chaining
  • Cookies Management
  • Session Management

Hibernate

  • Introduction to Hibernate
  • Introduction to ORM
  • ORM features
  • Hibernate as an ORM framework
  • Hibernate features
  • Setting up a project with Hibernate framework
  • Basic APIs needed to do CRUD operations with Hibernate
  • Hibernate Architecture

POJO (Plain Old Java Object)

  • POJO (Plain Old Java Object)
  • Persistent Objects
  • Lifecycle of Persistent Object

Spring

  • Introduction to Spring
  • Spring Fundamentals
  • Advanced Spring

Got a question for us? Please mention it in the comments section and we will get back to you.

0 responses on "How to Setup System Theme, Page Title, Layout and New Pages in Magento"

Leave a Message

Your email address will not be published. Required fields are marked *