Customizing the Vogue Theme

Created by Bumpa Support, Modified on Mon, 26 Oct at 3:57 PM 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. This guide walks you step-by-step through setting up and personalizing the Vogue theme on your store dashboard.

To customize the Vogue Theme Go to
 app.getbumpa.com

Introduction

Click the Store Setup

Open Store Setup

Click the Site CustomizatioA tab to begin personalizing your website's appearance and settings.

Access Site Customization

Click on Customize 

Open Paint Customize

Upload a Favicon by clicking Upload Image and selecting the file from your device to enhance your store's branding.

Upload Store Image

Click Upload Image to confirm and add the selected image to your store customization settings.

Confirm Image Upload

Enter the website color by clicking the color field and filling in the desired color code to match your brand.

Set Website Color

Click the font selection area to choose your preferred font and personalize your website's typography.

Choose Website Font

Select Preferred Font

Upload a Page title banner for your website 

Review Recommended Dimensions

Click Upload Image to add the selected image to your store customization

Upload New Image

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

Edit Store Image

Upload Image

Upload Image File

Input tile and Content for the Hero section.

Edit Title Field

Click Custom Link to add a hyperlink associated with your website

Edit Custom Link

Click Custom Text to input a personalized text on your Hero banner

Edit Custom Text

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

Add New Slide

Click Save Changes to apply the modifications made

Save Customization Changes

Toggle and Edit to Add an About Us Page to your website

Edit Slide Content

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

Click Upload Image Button

Input the Header, Description and Content for your About Us page

You can add a custom link to your About Us page

Click Save to apply changes made to the About Us section

Save Slide Settings

Toogle the checkbox to enable or activate Contact Info within your store customization.

Enable Slide Feature

Input all relevant information

Select Country Option

Click Save to confirm and apply Contact Info to your store configuration.

Save Country Selection

Click Edit to add a Countdown promotional banner to your website

Edit Promotional Banner

Select the countdown you would like to display


You can create countdowns using the Countdown Extension. This is free on the growth plan, and can be purchased on other plans

Click Save Changes to apply all edits made to the promotional banner settings.

Save Banner Changes

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

Edit FAQ Section

Click Title (e.g; How long will it take to get my order?) to edit the question text in the FAQ section.

Select FAQ Title Field

Input relevant content within the FAQ section to better assist your customers.

Open FAQ Editing Area

Click Add Faq to include a new question and answer pair in your store's FAQ section for improved customer support.

Add New FAQ Entry

Click Save Changes to apply and save all modifications made to the FAQ section.

Save FAQ Updates

Click Featured Collections to select up to nine (9) product collections to be randomly featured across your website.

Open Featured Collections

Choose which product collections will be highlighted on your site.

Access Collections Selector

Click Save to confirm and apply your selected product collections to be featured on your website.

Save Collections Selection

Click Highlighted collection to choose a primary featured collection to be highlighted on your website

Select Highlighted Collection

Choose a product collection by clicking the desired option from the dropdown to feature it prominently on your site.

Choose Product Collection

Click Save to apply the selected product collection as the highlighted feature on your website.

Save Highlighted Collection

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

Edit Full Page Settings

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 Media Feature

Click Edit, to add and modify a newsletter section on your website

Edit Media Settings

Click Upload Image to add an image to the newsletter feature

Upload New Image

Input the header and content of your newsletter page

Save Image Updates

Click Save Changes to confirm and save the newsletter feature

Save Image Updates

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

Sort Products by Price

Move on to the Product Highlight Section

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

Enable Sorting Option

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

Activate Additional Feature

.Introduction

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

Enable the Recommended Section to display product recommendations on your website

Activate Third Checkbox Option

Click the Edit button to add up to 4 Store regulations to your website

Open Edit Mode

Input the header and content and Click Add Regulation to include a new compliance or policy rule within your store's settings.

Add a New Regulation

Click Save Changes to apply and store the newly added regulations to your store

Save Regulation Changes

Click Edit to include a Return Policy to your store set up

Open Edit Mode Again

Input your store’s return policy

Review Refund Policy Text

Click Save Changes to apply the refund policy to your store settings.

Save Refund Policy Updates

Click Edit to access the Social Media Setup

Enter Edit Mode for Store Selection

Select the Social media platform, input your handle and click on Add 

Add New Selection Option

Click Save Changes to apply the social media handles to your website

Save Selection Changes

Click Edit to add a Terms of Use Section to your website 

Open Edit Mode for Further Changes

Input the content of your Terms of Use

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

Save Field Updates

Click Edit to enable Customer testimonial Section on the website

Access Additional Settings

Click Upload logo to add an image for the testimonial

Upload Store Logo

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

Add Customer Testimonial

Click Save Changes to apply and store the newly added testimonial 

Save Testimonial Changes

Click Edit to access the Custom message setting and add up to 4 message banners to your website

Open Edit Mode for Messaging

Input the content and Click Add Message to create a new message or notification for your store's visitors or customers.

Add New Message

Click Save Changes to confirm and apply the new message to your store's communication settings.

Save Message Updates

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 apply all theme customization changes to your store.

Save Theme Customization

Congratulations, you have successfully completed the Vogue theme customization

Confirm Successful Update

Proceed to click on Apply theme

Click Yes to confirm the activation
.

Activate Theme Confirmation

There!! You have applied the Vogue 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