Watch the video tour to explore the guide in action and see how it works.
Introduction
Welcome to the Design section! Here, you'll manage the overall design of your website. First, navigate to the LE Partner Web -> Design.
Below you can read detailed descriptions and customizable options for each widget, helping you create a dynamic and engaging site that meets your store needs.
Header Widget
A website header sits at the top of each page and serves a few important purposes. This provides more than a place for your logo; it is part of a consistent user experience that all good websites share. This section is usually consistent across all of the pages on the website; however, some designs give the home page a slightly different header appearance to draw attention to featured areas of the site. Overall, a good header makes your website easier to navigate, establishes your brand, and creates a consistent browsing experience throughout your website. Two UI/UX themes available (full size and compact) with ability to change colors, controls layout and placement.
You can make your website's first impression with customizable header options, including appearance, background, links, and management features.
• Appearance: Customize the text color using "Header Dark Theme" or "Header Color."
• Background: Change the background image via the "Background" setting.
• Links: Add internal or external links, like a "Home" button. Enable "Open in New Tab" if desired.
• Manage: Hide, delete, or rearrange these sections.
Departments Widget
The "Departments" widget allows you to organize and display your store's departments in a visually appealing way. This widget helps users navigate through different categories, making it easier for them to find what they're looking for. Customizable styles ensure that the widget aligns with your site's overall design. Choose the desired style for your department listings.
Departments Widget: Mobile Layout
With the increasing use of mobile devices for browsing, having a mobile-friendly layout is crucial. The "mobile layout" widget offers various layout options to ensure your content is displayed optimally on mobile screens. This enhances the user experience and ensures your site is accessible on all devices. Select from grid, vertical, or slide layouts.
Add Section
Adding sections to your website enhances its functionality and user experience. The add section feature allows you to incorporate various elements like banners, product listings, and contact forms. This flexibility helps in creating a comprehensive and engaging site that meets your visitors' needs. Add various sections like banners, products, "Buy It Again," advanced text, simple text, department products, "Contact Us," FAQs, or HTML.
Products Widget
The "Products widget" is designed to highlight key products from specific departments or categories. By utilizing search filters and store tags, you can ensure that the most relevant products appear in the carousel, helping customers find what they need quickly and efficiently.
Select a department or category to showcase items to customers. Use "Search Filters" and "Store Tags" to help specific products appear in the carousel.
Text Widgets
The "Text" widgets are essential for adding informative or promotional content to your site. Both simple and advanced text widgets provide the flexibility to add text boxes where needed, enhancing communication and providing valuable information to your visitors. Both simple and advanced text widgets allow you to add text boxes.
Departments Products Widget
The "Departments products widget" showcases a comprehensive view of all departments and their respective products. This makes it easier for customers to browse through different categories and find the products they are looking for, improving their shopping experience. Display all departments and their products.
Contact Us
WidgetThe "Contact Us" widget provides a straightforward way for customers to reach out to you. By offering various form styles and setting a specific email address for inquiries, you can ensure that customer communication is efficient and effective. Choose from various form styles and set an email address for customer inquiries.
Banner Widget
The "Banner" widgets are a powerful tool for capturing customer attention. They allow you to create engaging visual banners with flexible configuration options, such as adding up to four columns, adjusting display timeouts, and setting banner height for both mobile and web. You can also add, edit, or remove banners and slides.
• Add up to four columns.
• Configure display timeout to control image scrolling speed, as well as banner height for both mobile and web.
• In "Banner 1 -> Slide 1," you can add, edit, or remove banners, with an option to "Add More Slides."Feel free to use AI features for image generation. Provide details of the visuals you want and apply them to your store in seconds (Banner → Slide → Generate)
• Define an aspect ratio for banners, ensuring they maintain consistent size across all devices. This approach eliminates the issue of banners being cut off, which was common when using fixed pixel height. The new method guarantees banners look properly sized on different devices. Depending on the size of the image, you can choose the ratio that is preferable to pixels.
Footer
The "Footer" is an important part of your site, often containing links to social media profiles and other important pages. By setting your social media links and adding custom links, you can enhance your site's footer and improve navigation. Set your social media links and add custom links.
Add Page
Adding new pages to your website is made easy with this feature. You can create static pages, and provide a title, and a URL will be automatically generated. This flexibility allows you to design specific pages like "About Us" or "Contact Us" and link them via the header, improving site navigation and user experience.
Click to create a static page and provide a title; a URL will be automatically generated. This feature offers a blank page where you can apply any of the design features mentioned above. In "Page Settings," retrieve the URL and use it to design specific pages like "About Us" or "Contact Us," which can be linked via the Header.
