Developer Docs

ReadyTheme Docs

Customizing/Accessing the Iron and Wool ReadyTheme

1. Accessing the Iron and Wool 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 “Storefront Promo” Image

9. Update “Storefront New” Image

10. Update “Storefront Sale” Image

11. Update “Storefront Promo Message” Banner Text

12. Update “Footer: About Us” Content

13. Update “Most Popular”

14. Update Top Navigation Bar

15. Create Drop Down Menu

16. Update Footer Navigation

17. Update Contact Info

Accessing the Iron and Wool 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 “Images” Tab
2. Select “Storefront Hero Image”
3. Click the pencil icon to edit/replace the image
4. Under the “Image” field, click “Select Image” and upload your new image
5. Update your “Alt Text” as well as any other appropriate fields
6. Click “Save”

Update “Storefront Promo” Image

UNDER IMAGES TAB

1. Select “Storefront Promo” 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 “Storefront New” Image

UNDER IMAGES TAB

1. Select the “New Arrivals” 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 “Storefront Sale” Image

UNDER IMAGES TAB

1. Select the “Sale” 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 “Storefront Promo Message” Banner Text

UNDER BANNERS TAB

1. Select Banners Tab
2. Click on “Storefront Promo Message”
3. Click the pencil icon to edit/replace the text
4. In the “Message” field, enter your new text
5. Click “Save”

Update “Footer: About Us” Content

UNDER CONTENT SECTIONS TAB

1. Click on the “Content Sections” Tab
2. Click on “Footer About Us” item
3. Click on the pencil icon to edit it
4. In the “Content” field add your information
5. Click “Save”

Update “Most Popular”

UNDER PRODUCT LISTINGS TAB

1. Select the “Most Popular” banner
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. Click “Save”

Update Top Navigation Bar

UNDER NAVIGATION SETS TAB

1. Click on the “Main Navigation Bar” tab
2. Click on the page icon with an arrow on it in the top 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”

*Note: You can have unlimited categories. Once you have more than six, the menu will wrap downwards.*

Create Drop Down Menu

UNDER NAVIGATION SETS TAB

1. Hover (don’t click) over “Top Navigation Bar”
2. Click on the page icon with an arrow on it in the left column
3. Click on any Parent Navigation that you want to have a Sub Nav for
4. Click on “Add Child Navigation Item”
5. Fill in the “Name” of the sub navigation item
6. Under “Link” choose where you would like the navigation to go to
7. If you have more sub navigation to add click on the “Add+”, if you’re done, click on the “Add” Button

Update Footer Navigation

UNDER NAVIGATION SETS TAB

1. Click on the “Footer Categories” item
2. Click on the page icon with an arrow on it in the top 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”
7. Follow these same steps for “Helpful Links” column

Update Contact Info

(Not part of the Theme Section)

1. Go up to top left and click on “Menu”
2. Scroll down and click on “Store Settings”
3. Whatever information you list here is what will show up in the “Contact” column on your Storefront page