Developer Docs

ReadyTheme Docs

Customizing/Accessing the PrepWorx ReadyTheme

1. Accessing the Prepworx ReadyTheme

2. Replace the Top Logo with Alternate Image

3. Replace Top Logo with Text

4. Enable Social Media Icons

5. Enable Third Party Social Sharing Code

6. Enable Trust Symbol

7. Updating Images - Main “Hero” Image

8. Update “Hero Mobile” Image

9. Update “Promo 1” Image

10. Update “Promo 2” Image

11. Replace the Bottom Logo with Alternate Image

12. Update Top Banner Text

13. Update Bottom Banner Text

14. Update Navigation Pages Content

15. Update Featured Products

16. Update Custom Fields

17. Update Main Navigation

18. Update Footer Navigation

Accessing the Prepworx ReadyTheme

1. Click on the Menu
2. Click on ReadyTheme

Replace the Top Logo with Alternate Image

UNDER SETTINGS TAB

1. Go to Logo Type/Logo Image
2. Click on “Select Logo”
3. Upload your logo to replace the current one. Click on “Select” in the bottom right corner.
4. Click “Update” in the top right corner.

Replace Top Logo with Text

UNDER SETTINGS TAB

If you don’t have a logo, you can use plain text in it’s place.

1. Next to “Logo type” click on Image Drop Down Menu
2. Select: Text”
3. Enter “Store Name” and “Store Tagline”
4. Click “Update” in top right corner.

Enable Social Media Icons

UNDER SETTINGS TAB

1. Click “Enable Social Icons”
2. Enter your links for whichever platforms you are on

(empty fields will not show an icon on your Storefront page)

3. Click “Update”

Enable Third Party Social Sharing Code

UNDER SETTINGS TAB

1. If you have a 3rd Party Social Sharing Code, click the “Enable Social Sharing Code” box
2. Enter your code into the “3rd Party Social Sharing Code” Field
3. Click “Update”

Enable Trust Symbol

UNDER SETTINGS TAB

1. If you have a SSL Site Seal, Click the “Active” box.
2. Enter your code into the :SSL Site Seal or Trust Symbol: field
3. Click “Update”

Updating Images - Main “Hero” Image

UNDER IMAGES TAB

1. Select “SFNT: Hero Image”
2. Click the pencil icon to edit/replace the image
3. Under the “Image” field, click “Select Image” and upload your new image
4. Update your “Alt Text” as well as any other appropriate fields.
5. Click “Save”

Update “Hero Mobile” Image

There is also a separate Hero image for mobile settings. Make sure you replace this as well.

UNDER IMAGES TAB

1. Select “SFNT: Hero Image Mobile”
2. Click the pencil icon to edit/replace the image
3. Under the “Image” field, click “Select Image” and upload your new image
4. Update your “Alt Text” as well as any other appropriate fields.
5. Click “Save”

Update “Promo 1” Image

UNDER IMAGES TAB

1. Select “SFNT: Promo 1”
2. Click the pencil icon to edit/replace the image
3. Under the “Image” field, click “Select Image” and upload your new image
4. Update your “Alt Text” as well as any other appropriate fields.
5. Click “Save”

Update “Promo 2” Image

UNDER IMAGES TAB

1. Select “SFNT: Promo 2”
2. Click the pencil icon to edit/replace the image
3. Under the “Image” field, click “Select Image” and upload your new image
4. Update your “Alt Text” as well as any other appropriate fields.
5. Click “Save”

Replace the Bottom Logo with Alternate Image

UNDER IMAGES TAB

1. Click on “Footer Logo”
2. Click the pencil icon to edit/replace the image
3. Under the “Image” field, click “Select Image” and upload your new image
4. Update your “Alt Text” as well as any other appropriate fields.
5. Click “Save”

Update Top Banner Text

UNDER BANNERS TAB

1. Select “SFNT: Brief Site Description”
2. Click the pencil icon to edit/replace the image
3. In the “Message” field, enter your new text
4. Click “Save”

Update Bottom Banner Text

UNDER BANNERS TAB

1. Select “SFNT: Footer Text”
2. Click the pencil icon to edit/replace the image
3. Enter your new text in the “Message” field.
4. Click “Save”

Update Navigation Pages Content

UNDER CONTENT SECTIONS TAB

1. Click on the page you’d like to change
2. Click on the pencil icon to edit it
3. Under the “Content” field change your information
4. Click “Save”

Update Featured Products

UNDER PRODUCT LISTINGS TAB

1. Select SFNT: Featured Products
2. Click on the pencil icon to edit
3. Under “Custom Fields” select the items you want to display, then click select to move them over into the secondary box.
4. Under “Products to Display” choose where you want the products to pull from
5. Fill in any other applicable fields
6. Click “Save”

Update Custom Fields

UNDER CATALOG/PRODUCTS/CUSTOM FIELDS

1. Go up to “Menu”
2. Click on “Catalog”
3. Click on the product you want to display on Storefront Page
4. Select the “Open” icon
5. Choose “Custom Fields”
6. Fill out the “Product Type” field and the “Short Description” field
7. Click “Update” in the top right corner
8. Proceed with any other products you want to display on homepage

Update Main Navigation

UNDER NAVIGATION SETS TAB

1. Hover (don’t click) over “Main Navigation”
2. Click on the page icon with an arrow on it in the left column
3. Click on any item you want to update
4. Click on the pencil icon to edit it and update to your navigation choices
5. Under “Link” choose where you would like the navigation to go to
6. Continue until all navigation is updated, click “Save”

Update Footer Navigation

UNDER NAVIGATION SETS TAB

1. Hover (don’t click) over “Footer Navigation”
2. Click on the page icon with an arrow on it in the left column
3. Click on any item you want to update
4. Click on the pencil icon to edit it and update to your navigation choices
5. Under “Link” choose where you would like the navigation to go to
6. Continue until all navigation is updated, click “Save”