The Advanced Component Library offers a versatile collection of decorative components with rich styling options and powerful configuration capabilities. These components can be seamlessly integrated into any theme, enhancing the visual appeal of your store.
In This Article
Use Cases and Key Features
When to Use the App
Consider using the Advanced Component Library when:
- You need a page display component that is not available in your current theme.
- You want to customize text, buttons, backgrounds, or spacing for individual components.
Feature Highlights
- Diverse Components: Choose from a wide range of components, including image-text displays, videos, product showcases, tag displays, timelines, file downloads, blogs, and navigation. This variety covers most page display scenarios.
- Extensive Options: Explore over 30 advanced components to suit your needs.
- Theme Compatibility: The Advanced Component Library works seamlessly with all themes.
- Powerful Customization: Fine-tune component functionality and style with detailed configuration options. The app allows for precise adjustments to layout and style, including advanced effects such as rounded corners and shadows for images, buttons, and videos.
Installing and Using the App
To install the app, either search for it in the SHOPLINE App Store or follow these steps to install it within your theme editor:
-
In your admin panel, go to Online Store > Design and click on the Design button to access the theme editor.
-
Click on Add component > Install advanced component library.
-
Once redirected to the installation page, click Install and authorize the app to complete the installation.
To use the installed app:
-
Return to the theme editor and click Add component > Advanced component library.
-
Select a component category and choose a desired component within that category to add to your website.
-
Edit the component by configuring its functionality and styling elements such as text and buttons.
Frequently Asked Questions
Q1: Can I automatically sync settings in the Advanced Component Library with my theme's background and font colors?
A1: While automatic syncing is not currently supported, the component library allows for manual adjustments to font and color settings to match your theme. We recommend maintaining consistency to ensure a cohesive page appearance.
Q2: Can I add components to pages other than the homepage?
A2: Yes, you can. However, component placement depends on your theme. Some themes allow components on all pages except checkout, while others restrict them to specific pages. Refer to the "Theme Version Comparison Chart" for details.
Q3: What's the difference between padding and margin in layout settings?
A3: Padding refers to the space inside a component, between the component's content and its border, affecting its height and width. Margin, on the other hand, is the space outside the component, creating separation between it and other components. In some cases, negative margins can be used to make components overlap, allowing for custom design effects.
Comments