View Categories

Luna Shop Info Slider

1 min read

Customize the slide-out informational page that appears from the “shop info” button

LUNA Home webpage header with green top bar and red highlight around the “Shop Info” link in the upper right.
Screenshot

Where do I load the “About Us” text? #

  • In the theme files, templates > components > custom > about-us.html and edit line 2.
  • Click Save and apply file at  the bottom right of the page.
Code editor view of about-us.html in Luna theme, highlighting placeholder paragraph instructing user to add company description content.
Screenshot

How can I change the background or text color for the slider? #

  • In the theme customizer, go to the epicHeader section.
  • Scroll down to the Shop Info subsection.
  • Click the color icon beside Background Color to pull up the palette. You may also click the (+) button to enter a Hex code or use a slider instead.
Luna epicHeader settings showing Shop info background color field with color picker open and Luna theme preview behind.
Screenshot

How can I change the “Contact Us” information in the slider? #

  • In the BigCommerce dashboard, go to Store Setup > Store Profile.
  • Enter the address, email, and phone number in the fields provided.
BigCommerce Store profile page showing Contact information fields for address, email, and phone, with Settings menu highlighted.
Screenshot

How are the links in the “Information” column generated? #

These are generated based on your sub-level web pages, in the BigCommerce dashboard under Storefront > Web Pages.


How can I change the “About Us” image? #

  • In the theme customizer, go to the epicHeader section.
  • Scroll down to the Shop Info subsection and input your image partial filepath URL in the field provided.
Storefront editor screen with epicHeader settings open, focusing on the Shop info about us image URL input box.
Screenshot

Powered by BetterDocs