Customise Your Store
Learn how to use PlanetShopping Store Builder to customise your theme, add and arrange sections, manage branding and preview your store across devices.
Purpose
Once you've selected a theme, the PlanetShopping Store Builder gives you the tools to turn it into a storefront that reflects your brand, products and content.
Your theme is the starting point. From there, you can customise your store's overall appearance, add and arrange content sections, feature products and collections, add banners and video, and preview your design across different screen sizes.
What You’ll Learn
- You’ll learn how to open the Store Builder, build pages with sections, customise individual sections, manage Theme Settings, arrange page content and preview your store on desktop, tablet and mobile.
Before You Begin
Choose your PlanetShopping theme first. Have your logo, brand colours, basic store messaging, product imagery and any banner images ready.
Open the Store Builder
Go to: Merchant Panel → Online Store → Themes
Open the Store Builder for your active theme.
The Store Builder displays your storefront alongside the editing controls, so you can see how your changes affect the store as you work.
Use the Page selector at the top to choose the page you want to work on.
Build Your Store with Sections
Store pages are built using sections. This gives you the flexibility to decide what content appears on a page and how customers experience your store.
Select Add section to choose from:
Blogs — Feature blog content within your store.
Breadcrumb Navigation — Help customers understand where they are in your store and navigate through its structure.
Collection List — Showcase multiple collections and help customers explore different groups of products.
Featured Banner — Create a prominent visual area for promotions, campaigns, announcements or other important content.
Featured Collection — Highlight products from a selected collection.
Featured Product — Give an individual product greater prominence and provide customers with direct purchasing options.
Image with text — Combine imagery and written content to introduce your brand, explain a product range, promote an offer or tell a story.
Multi Column — Display several pieces of content side by side. This can be useful for features, benefits, services, categories or other information you want customers to scan easily.
Product Slider — Present multiple products in a horizontal slider.
Rich Text — Add headings and written content to a page.
Slider — Create a rotating visual section for featured imagery, messages or promotions.
Video — Add video content to your storefront to introduce your brand, demonstrate products or provide additional information.
Customise Individual Sections
After adding a section, select it in the Store Builder to customise it.
The controls available depend on the type of section you're editing.
For example, a Featured Product section lets you select the product you want to feature and customise aspects of its presentation, including its image display, background and spacing.
This means you're not restricted to the original arrangement of your chosen theme. By combining different sections and adjusting their individual settings, you can create a storefront suited to your own products and brand.
Arrange Your Page
As you build the page, use the section list on the left of the Store Builder to manage its content.
The eye icon beside a section controls its visibility, allowing you to show or hide content while working on your design.
Continue adding and adjusting sections until the page has the structure you want.
Customise Your Theme Settings
Select the settings icon in the Store Builder to open Theme Settings.
Here you can manage:
Logo & favicon — Add the visual identity used for your store and browser favicon.
Colors — Set the colours used throughout your theme.
Typography — Configure the typography used across your storefront.
Buttons and navigation — Adjust the appearance of important interactive and navigation elements.
Custom CSS — Add custom CSS for more advanced styling.
Custom JavaScript — Add custom JavaScript for advanced customisation.
You don't need coding knowledge to make the core design changes to your store. Custom CSS and Custom JavaScript provide additional options for merchants who want more advanced control.
Preview on Desktop, Tablet and Mobile
Customers will visit your store on many different screen sizes, so it's important to check your design on more than a desktop computer.
Use the desktop, tablet and mobile controls at the top of the Store Builder to see how the page responds at each size.
Pay particular attention to banners, product images, text, navigation and multi-column layouts. A design that looks good on a large screen should also be easy to browse and shop from a phone.
Refine Your Store with Real Products
It's useful to begin customising your store early, but review the design again once you've added real products and collections.
Actual product titles, descriptions and images will give you a much better idea of how the finished storefront will look.
You can then adjust sections, imagery and spacing to create a cleaner and more consistent customer experience.
You don't need to use every available section. Choose the sections that help customers understand your store, discover your products and move easily towards a purchase. A clear, well-organised storefront is usually more effective than a page overloaded with content.
Tips & Best Practices
Keep layouts uncluttered. Use consistent image treatment. Check text contrast. Make buttons easy to understand. Review important pages across desktop, tablet and mobile. Use sections purposefully and keep navigation clear.
Frequently Asked Questions
Can I add more sections to my store?
Yes. Select Add section in the Store Builder and choose the type of content you want to add.
Can I feature a specific product?
Yes. Add a Featured Product section and select the product you want to showcase.
Can I feature a collection instead of one product?
Yes. Use Featured Collection to showcase products from a collection, or Collection List to help customers explore multiple collections.
Can I add video to my storefront?
Yes. Video is one of the available Store Builder sections.
Can I change my logo and favicon?
Yes. Open Theme Settings → Logo & favicon.
Can I customise colours and fonts?
Yes. Theme Settings includes separate Colors and Typography controls.
Can I check how my store looks on mobile?
Yes. Use the desktop, tablet and mobile preview controls at the top of the Store Builder.
Do I need coding knowledge?
No. The core Store Builder and Theme Settings controls don't require coding. Custom CSS and Custom JavaScript are also available for advanced customisation.
Should I finish the design before adding products?
No. Add representative products and collections early, then return to the Store Builder to refine the design using your actual store content.
Related Articles
Next Step
Continue to Add Your First Product.