Customizing The Porto Theme

Created by Bumpa Support, Modified on Tue, 27 Oct at 7:30 AM by Bumpa Support

As a premium user, your store's appearance is not limited to a fixed design, customizing your store's theme allows you to tailor its visual layout, typography, and promotional sections to reflect your brand's unique identity. With this guide, You'll learn how to upload images, adjust colors, and configure key website elements to enhance your brand presence.


To customize your Porto theme, log into your Web app - app.getbumpa.com

Introduction

Click the Store Setup option to begin customizing your online store's settings and appearance.

Open Store Setup

Select Site Customization to modify your website's look and feel according to your brand.

Access Site Customization

Click Customize to adjust color schemes and visual elements on your website.

Click Upload Image to add a favicon to your website

Initiate Image Upload

Click Upload Image to confirm and add the selected image to your website

Confirm Image Upload

Click the color option to apply it to your website's design

Choose Color #009444

Select your preferred website font

Click Action Button

Click to select an image from your device folder for your page tile bannerSelect Image for Upload

Click Upload Image to add the image to your website's branding

Upload Favicon Image

Click Edit to add up to 3 Hero banners to your Homepage as a slideshow or carousel 

Edit Website Section

Upload image

Confirm Image Dimension

Input tile and Content for the Hero section.

Edit Title Field

Click Custom Link to add a hyperlink associated with your website content.

Edit Custom Link

Click Custom Text to add personalized text to your hero banner

Edit Custom Text

Click Add Slide to include an additional slide in your website's slideshow or carousel.

Add New Slide

Click Save Changes to apply and store all modifications made to your hero banner

Save Customization Changes

Toggle to Add an About Us Page to your website

Enable Feature Toggle

Click Upload Image to add an image to your About us page

Upload Additional Image

Input a title, descriptions and custom link to your About us page

Click Action Button

Click Save to save your About us details

Cancel or Save Changes

Click to turn on Best seller feature on your website

Enable Feature Toggle

Toggle and click on Edit to set up a featured brands section on your website.

Featured brands can be created using the featured brands extension. This extension is free on the scale plan and can be purchased on other plans

Edit Website Section

Select the brands you would like to be featured on your website 

Select Option

Click Save to apply and confirm your recent edits to the website configuration.

Save Changes

Click Edit to access and modify your contact information on the website

Edit Website Section

Input all necessary information

Click Action Button

Click Save

Cancel or Save Changes

Click Edit to add a Countdown promotional banner to your website

Edit Website Section

Select the countdown you would like to display

You can create countdowns using the Countdown Extension. This is available to all plans except the Starter plan

Click Action Button

Click Save Changes to apply the countdown feature to your website

Save Changes

Click Edit to access and modify the Frequently Asked Questions section of your store's website.

Edit Website Section

Input the question(s) and answer(s) for your website's FAQ section.

Edit FAQ Title

Click Add FAQ to include a new question and answer in your website's FAQ section.

Add FAQ Entry

Click Save Changes to apply updates made to your FAQ section on the website.

Save FAQ Changes

Click Featured Collections to randomly feature up to 11 products across your website.

Access Featured Collections

Select the collections you would like to be featured on your website 

Click Action Button

You can add an image for your featured collection.

Add Image to Collection

Click to save changes

Confirm Update Success

Click Highlighted Collections to highlight 1 specific collection on your website

Access Highlighted Collections

Select your preferred collection to be highlighted.

Click Save to confirm and apply changes made to the selected collection group.

Save Collection Changes

Toggle to Add a Location Selection Page to your website (for merchants with multi-location)

Enable Feature Toggle

Choose the display format for the location selector, either a full page or a popup

Select Full Page Option

For a full page, choose the display layout

Access Media Upload

Click Upload to add the background image for the page

Upload Media Files

Input a description for the location selector page

Confirm if you would like to add a Mask to the location selector display

Confirm Media Upload

Confirm if you would like the selector to come up every time a customer visits the website

Approve Media Addition

Click Save Changes to apply and save all updates made to your website's location selector

Save Media Changes

Toggle to Add a New arrival section to your website

Enable Feature Toggle

Toggle to add a newsletter section on your website

Enable Feature Toggle

Click Upload Image to add an image to the newsletter feature

Upload Image

Input the header and content of your newsletter page

Edit Newsletter Header

Click Save Changes to confirm and save the newsletter feature

Cancel or Save Newsletter Changes

Click the dropdown to select how you would like your product listing to be displayed

Click Action Button


Move on to the Product Highlight Section

Toggle to apply the Categorize products feature to arrange your product highlights on the website

Check First Option

Toggle to activate Featured products and select up to 8 products you would like to be featured on your website

Enable Second Option

Access Next Setting

Enable the Randomize Order option to display products in the highlight section in a random sequence, enhancing product visibility.

Select Third Option

Toggle to add up to 4 Store regulations to your website

Activate Fourth Option

Input the header and content of your store regulation and Click "Add Regulation" to include a new compliance rule or policy to your website

Add New Regulation

Click "Save Changes" to save your store regulationsCancel or Save Changes

Toggle to include a return Policy to your store set up

Enable Additional Option

Input your Return Policy

Navigate Further

Click "Save Changes" to apply the return policy to your store settings.

Cancel or Save Settings

Click Edit to access the Social Media Setup

Open Settings Menu

Select the social media platform

Continue Configuration

Input your handle

Select Store Profile

Click "Add" to save and add more options

Add New Selection

Click "Save Changes" to apply and save all modifications made to your social media settings.

Save Configuration Changes

Togglet to add a Terms of Use Section to your website 

Enable Feature Option

Input the content of your Terms of Use

Access Feature Settings

Click Save Changes to confirm and apply the information entered in the Terms of Use to your store configuration.

Cancel or Save Feature Changes

Click Edit to enable Customer testimonial Section on the website

Edit Existing Configuration

Click Upload logo to add an image for the testimonial

Upload Brand Logo

Input the header and content and Click Add testimonial to include a new customer review or feedback on your store's website.

Open Comment Section

Click "Save Changes" to apply and save the testimonial you have added

Save Testimonial Changes

Toggle to access Custom message setting and add up to 4 message banners to your website

Enable Promotional Option

Input your content and Click "Add Message" to create a new promotional message or announcement for your customers.

Add Promotional Message

Click "Save Changes" to save your promotional message

Cancel or Save Promotions

Click Edit to modify your product variation display on the website

Open Edit Mode for Theme Settings

Select your preferred layout, either List or Grid

Access Theme Color Options


Open Color Selection Menu

Click Save Changes to apply the selected layout

Save Theme Color Changes

Toggle on to have a floating WhatsApp icon on your website to enable customers contact your direct on WhatsApp from your website

Enable Theme Option

Click "Save" to confirm and save your theme configuration

Save Theme Configuration

Congratulations, you have successfully completed the Porto theme customization

Confirm Theme Update

Proceed to click on Apply theme

Apply Light Theme

Click "Yes, activate" to confirm and activate the theme on your website

Activate Theme Confirmation

There!! You have applied the Porto theme to your Storefront

Acknowledge Success Message

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article