XStore, a popular WordPress theme known for its versatility and user-friendly interface, has recently upped its game with the introduction of the XStore Builders: Header Builder with Elementor. This exciting new feature allows users to finely tune their headers, elevating their online stores to new heights of customization and engagement by constructing the layout using the Elementor editor and powerful elements developed 8theme team.
Enabling the Header Builder with Elementor #
To take advantage of the new Header Builder, users need to navigate to the XStore Dashboard, select “XStore Builders,” and then click on “Header Builder.” It’s worth noting that the complete utilization of this builder requires either the Free PRO Elements plugin or the Elementor Pro plugin, ensuring a seamless and dynamic editing experience.
Overview work of the Builder #
Once the builder is activated and the necessary plugins are in place, users can begin the creative process of designing a unique Header. Here’s a concise step-by-step guide on how to create a customized Header using the XStore Header Builder with Elementor:
Access the Builder: Navigate to “XStore Builders” and select “Header Builder” > via Elementor.
Add a New Template: Click on “Add New” to start the creation of a new template.
Choose a Pre-built Template: XStore offers a variety of pre-built templates as a starting point for your design. Users can explore and choose a template that aligns best with their vision. These templates can be previewed and then modified to suit specific requirements.
Pre-create header templates were created using new Elementor containers. We kindly request that you navigate to Elementor > Settings > Features > Flexbox Container > change the value to “Active”, before the import.
Customize Your Template: Once a template is chosen, users have the freedom to modify it to reflect their brand’s aesthetics and goals. From layout adjustments to color schemes and typography, every aspect can be tailored to ensure the header resonates with the brand identity.
Publish Your Template: After all modifications are complete, simply click the “Publish” button to save the template.
Set Display Conditions: With the template published, users can determine where it will be displayed on the website. The XStore Header Builder provides the flexibility to set conditions according to specific needs. Users can choose to display the template site-wide or set unique conditions for its appearance.
Add Conditions: By clicking the “Add Condition” button, users can specify parameters under which the template will be displayed. From various available conditions, users can select the ones that best match their requirements. Once the conditions are configured, clicking “Save & Close” applies them.
Review Your Site: With the header ready and display conditions set, it’s crucial to review the website to witness the customized creation in action. The seamlessly integrated header enhances the overall user experience, potentially leading to increased user engagement and conversions.
Features (sticky header, header overlap, creation of multiple headers) #
We would like to inform you that every container within our Header Builder is equipped with a sticky option that can be tailored for different devices. Additionally, there are further settings available, for example, background color, as depicted in the screenshot provided below:
Overlap option is a beneficial feature when aiming to design a transparent header for your website
If you require distinct header configurations for various pages within your website, such as a transparent header with an overlap effect exclusively for the homepage, our multiple headers feature is the ideal solution to meet your needs.
You can effortlessly create several header templates and assign unique Display Conditions to each one, ensuring that the right header appears on the appropriate page.
How to get support #
For any queries or concerns regarding the new XStore Header Builder or any other feature, users can seek support from the dedicated 8Theme support team via the XStore WordPress Support Forum at https://www.8theme.com/forums/xstore-wordpress-support-forum/ . The support experts are readily available to ensure a smooth and productive experience with XStore, assisting users in unlocking the full potential of their online stores.
In conclusion, the XStore Builders: Header Builder with Elementor offers an innovative way to personalize site headers, allowing businesses to stand out in the competitive e-commerce landscape. With its user-friendly interface and robust customization options, XStore continues to empower businesses, enabling them to create engaging and visually stunning online shopping experiences.
