Memorable

Welcome to Memorable! The theme is developed in a modular format for complete flexibility. Use the pre-defined homepage layout, or select the widgetized homepage to place whatever modules you would like to display, in whatever order.

The theme also has support for WooDojo, WooCommerce and the Features and Testimonials plugins. Memorable includes a Business Page Template built with WooSlider support (must be purchased separately) and a Widgetized Page Template.

Note: This product has been retired and is not for sale. Documentation is no longer being updated.

Homepage Overview ↑ Back to top

memorable-theme-overview

Adding your Logo ↑ Back to top

You have two options when adding a logo to your site. You can either use a text based Site Title and optional Tagline or you can use an image based logo as shown in the demo.

To upload your own image based logo:

  1. Go to: Memorable > Settings > General Settings.
  2. Upload your logo image – we recommend using either a .jpg or .png for this.
  3. Save All Changes.

If you don’t have an image based logo, you have the option to add your Site Title and Tagline, you will find the settings for this just below the logo image upload area.

To enable the text based Site Title and Tagline:

  1. Go to: Settings > General to enter your site title and tagline.
  2. Go to: Memorable > Settings > General Settings and check the box to enable the text based site title and tagline.
  3. Optionally Enable the site description and adjust the typography settings.
  4. Save All Changes.

Theme Header Options ↑ Back to top

To add a custom background image, your Phone Number, a Hero Product or an Intro Message to the Header of your theme, go to: Memorable > Settings > Header.

theme-header-options

Here you can:

  • Upload a background image – select the Use This Image option after uploading to set image. Please note that the header image used in the demo is designed with black transparency saved in the image file.
  • Enable Telephone Numberto add the Phone Number go to: Memorable > Settings > Contact Page settings.
  • Enable the Hero Product or Intro Message in the right section of your header – on secondary pages only.
  • Select the Section to Display dropdown option for the Hero Product or Intro Message.
  • Go to: Memorable > Settings > Header > Hero Product or Introductory Message to configure the additional options. Please note, you will need to setup WooCommerce and add Products before you can feature your Hero Product.
  • Save All Changes.

Here is an example of the Introductory Message on secondary pages only:

Example of Introductory Message on Memorable Secondary Pages
Example of Introductory Message on Memorable Secondary Pages

Here is an example of the Hero Product on secondary pages only:

Example of Hero Product on Memorable Secondary Pages
Example of Hero Product on Memorable Secondary Pages
Please note: In order to select your ‘Hero Product’ from the dropdown options you must first mark the product as Featured. This option utilizes the Single Product Image size setting found in WooCommerce > Settings > Product > Product Image Options.

To adjust the image size settings of your Hero Product, please add the following style to your custom.css file and edit the properties as needed:

#header-hero-product .hero-image {max-width: 300px;}
To learn more about how to edit your Theme CSS please see our tutorial here: Editing Theme CSS with Firebug

Memorable Homepage Theme Options ↑ Back to top

The Memorable homepage is built as a module based layout with 6 available regions. To enable/disable these modules or to adjust the settings for each module go to: Memorable > Settings > Homepage.

homepage-settings

The 6 homepage modules are setup as follows:

Homepage Content Area ↑ Back to top

The Content Area module of your homepage can be set as Page Content with a Thumbnail.
homepage-content-area

Adding Page Content to the Homepage

To add page content to your homepage:

  1. Go to: Page > Add New.
  2. Add homepage title and content.
  3. If you want to display a thumbnail on the Homepage next to your page content, upload a Featured Image.
  4. To display a button like the demo, use the button shortcodesee example below.
  5. Publish the page.
  6. Go to: Memorable > Theme Options > Homepage > Page Content
  7. Set the Page Content as your newly created page.
  8. Optionally set the size of the thumbnail for the page content.
  9. Save all Changes.

Here is an example of the demo Homepage Page Content:
home-page-content

Features ↑ Back to top

To enable the Features homepage content:

  1. Download, install and activate the Features plugin.
  2. Go to: Features > Add New.
  3. Add your feature description.
  4. Add a Featured Image.
  5. Publish.
  6. Repeat to add as many features as you’d like.
To learn how to install a plugin, please see our video tutorial: Installing Plugins

Recent Products ↑ Back to top

  1. To enable the Recent Products area you must first download and install WooCommerce.
  2. Follow the WooCommerce Installation Guide to setup.
  3. Add products.
  4. Go to: Memorable > Settings > Homepage and select the checkbox to Enable Recent Products on the homepage.
  5. Save All Changes.
To control the order of Recent Products you can manually adjust the post date for each product. This is ordered from newest to oldest.

Testimonials ↑ Back to top

To enable the Testimonials homepage content:

  1. Download, install and activate the Testimonials plugin.
  2. Go to: Testimonials > Add New.
  3. Add a Featured Image or email linked to a Gravatar email account.
    The Featured Image will override the Gravatar image.
  4. Publish.
  5. Repeat to add a minimum of 2 Testimonials to properly fill the homepage region.

Blog Posts ↑ Back to top

You have a few options when displaying Blog Posts on your homepage. Memorable has a built-in button to ‘View Blog’. You must set the page this button goes to in the Theme Options as explained below.

blog-content-settings

Adding Blog Posts to the Homepage

To add blog posts to your homepage:

  1. Go to: Memorable > Settings > Homepage > Homepage Setup and enable the Blog Posts option.
  2. Go to: Pages > Add New to create your blog page template.
  3. Title the Page, example: Blog.
  4. Select ‘Blog‘ from the Page Attributes > Template dropdown option. Learn more about Page Templates here.
  5. Publish your new Blog Page Template.
  6. Go to: Posts > Add New to add a few posts.
  7. Go to: Memorable > Settings > Homepage > Blog Posts to configure the following options:
  8. Enter the Title for your Blog Post Section.
  9. Select your Blog Page from the dropdown to link the ‘Visit Blog’ button. If this option is not selected, it will default to the first page in the dropdown.
  10. Select the Number of Blog Posts to display.
  11. Optionally chose to only show blog posts from one category.
  12. Save all Changes.

Exclude Blog Categories from the Homepage

To exclude categories from displaying on the homepage:

  1. Go to: Memorable > Settings > Layout > Category Exclude – Homepage
  2. Insert the category slugs to hide. The category slug can be found by going to Posts > Categories in the right Slug column.
  3. Save all Changes.

Homepage Columns ↑ Back to top

The final Homepage Theme Option includes Homepage Columns, which utilizes the Homepage Column – Left, Homepage Column – Center and Homepage Column – Right widget areas. To set this up, go to: Appearance > Widgets and add widgets to the following widget areas:

homepage-widget-areas
It is important to note here, that if you use the Homepage widget area (as explained in the Using a Widgetized Homepage section below) this will overwrite the Homepage Theme Options (as explained above). If you would like to re-order your Homepage options, follow the guide below.


Using A Widgetized Homepage ↑ Back to top

You can optionally utilize the Homepage widget area to setup your homepage. To add widgets/re-order the homepage go to: Appearance > Widgets in your dashboard and the drag widgets into the Homepage widget area. You can add as many widgets as you’d like to any of the widgetized regions for your homepage.

To re-order the Homepage Theme Options included with Memorable, add the Woo-Component widget (example below), selecting the appropriate component you want to display from the dropdown. Memorable’s Woo-Component widget options include: Page Content, Blog Posts, Homepage Columns and Featured Products.

Please note! Using the Appearance > Widgets – Homepage widget area will automatically override the Homepage Theme Option settings once you add a widget into the Homepage widget area.

It is important to note with Memorable, that there are 4 Homepage Widget regions. To use the widgetized Homepage feature, you must add widgets to the Homepage widget area. If you want to utilize the Homepage Columns – Left, Homepage Columns – Center and Homepage Columns – Right widget areas, you must use the Woo – Component Widget, selecting the Homepage Columns option from the drop down.

homepage-columns

To learn more about how to add Widgets please see our tutorial here: How to Add Widgets

Homepage Featured Slider ↑ Back to top

To enable the Homepage Featured Slider go to Memorable > Settings > Featured Slider > Slider Content. From here you can set the number of slides to display on the homepage, optionally choose a Slide Group (category), or whether to show a title on Video slides or what order the slides should display.

featuredslider

To edit additional Homepage Featured Slider settings go to: Memorable > Settings > Featured Slider > Slider Settings.

slider2

Add Slides

To add slides to your homepage:

  1. Go to Slides > Add New.
  2. Add slide content in the main content area, including a title and description.
  3. Add a Featured Image for the slide.
  4. Scroll down to review additional options in Memorable Custom Settings for Slide URL to link the slide to a page or to add a video Embed Code.
  5. Publish slide to save.

Homepage Featured Slider Thumbnails

The Homepage Featured Slider in Memorable is built to display thumbnails above the slider based on the slide content. If the slide has a featured image set, this will be the thumbnail for the slide. If the slide only has text it will be represented with the text thumbnail style and if a video embed code is included in the Memorable Custom Settings a video thumbnail will display.

Memorable Homepage Slider has 3 thumbnail styles represented as image, text or video.
Memorable Homepage Slider has 3 thumbnail styles represented as image, text or video.
Please note! The Homepage Featured Slider for Memorable does not utilize the WooSlider plugin even though it uses similar functionality. After you purchase and install the WooSlider plugin the Slides menu option will be listed as Slideshows instead. The plugin is required if you would like to display a featured slider on your Business Page Template.

Add a Button to a Slide

The Memorable theme demo includes a slide with a button, which can be placed with a button shortcode. To learn more about all Woo Shortcodes please see our tutorial here: Woo Shortcodes

Business Page Template ↑ Back to top

Memorable comes with a useful Business Page Template to help display additional content on your site, including support for the WooSlider plugin. You must purchase the WooSlider plugin separately in order to use it on the Business Page Template.

Go to: Memorable > Settings > Business Template to select the business page modules you would like to display.

To set the business page template:

  1. Go to: Pages > Add New.
  2. Add a title and the page content.
  3. Go to: Page Attributes > Template just below the publish module to select the Business page template.
  4. Publish the page.

Setting the Business Page Template as the Homepage ↑ Back to top

To set the Business Page Template as your Homepage go to: Settings > Reading and select the Static Page – Front Page as your newly created Business Page (instead of the recent posts setting).

Please note! By manually setting a static front page in the Reading settings you will be disabling the Homepage widgetized area and the Homepage Theme Option settings.

To learn more about how Templates please see our video tutorial here: Page Templates

Including WooSlider in the Business Page Template ↑ Back to top

The Business Page Template slider uses the WooSlider ‘Attached Images’ slideshow type. After you have purchased, downloaded and activated the WooSlider to include the slider on your business page template:

  1. Go to: Memorable > Settings > Business Template to select Display WooSlider.
  2. Next, go to: Pages > Edit to add images to your newly created business page.
  3. Select Add Media.
  4. Upload as many images as you’d like.
  5. Close (X) the Media Uploader pop-up window.
  6. Finally, save changes by selecting Update.

You must upload images directly to your business page template in order for the Business Page Template WooSlider feature to show.

Pro Tip! in the new WordPress 3.5+ Media Uploader you can select Uploaded to this Page from the dropdown to only view the images uploaded to this page and thus used in the featured slider (see below). Drag and drop the images from here to reorder if you’d like.

WooCommerce Theme Options ↑ Back to top

To review the following WooCommerce Homepage Options go to: Memorable > Settings > WooCommerce > General.

woocommerce

  • Upload a Custom Placeholder to be displayed when there is no product image.
  • Display a Header Cart Link in the main navigation.

Product Archives ↑ Back to top

To adjust settings for the Product Archives pages go to: Memorable > Settings > WooCommerce > Product Archives.

product-archives

Options include:

  • Display the product archives in a full-width single column format (remove sidebar on Shop pages).
  • Select how many columns of products you want on the product archive pages.
  • Select the number of products to display on the product archive pages.
  • Display the Product Thumbnail.
  • Display the add to cart buttons.
  • Display the aggregated star ratings per product.

Product Details ↑ Back to top

To adjust settings for the single product page go to: Memorable > Settings > WooCommerce > Product Details.

product-details

Options include:

  • Display the Product tabs in product details page.
  • Display Related Products on the product details page. Related products are determined by the product categories. To group related products, add them to the same category/group.
  • Set the Maximum Number of Related Products to display.

Don’t forget to Save all Changes once you are done adjusting the settings!

Image Dimensions ↑ Back to top

Here are the ideal image dimension to use for Memorable. Larger images will be dynamically resized to fit, while smaller images will be stretched larger to fit. Product images will scale width and height and will not be cropped into a square (unless you use the ‘Hard Crop’ setting found in WooCommerce > Settings > Product > Product Image Options). For greatest control of your image sizes, it is best to save out your images to the exact size before uploading.

Please note! We do not recommend that you force the height of your slider or product images with CSS as this will break the responsiveness of the theme images. Rather, it is best to save out your slider/product images with the same height before uploading.

Recommended Image Sizes ↑ Back to top

  • Custom Homepage Header Image suggested minimum size: 1600px x 587px
    this image is set to repeat x and y. If your navigation goes to two lines, you may want to increase the height of your custom header image.
  • Featured Homepage Slider Image: 745px x 273px
  • Homepage Featured Page Content Image – 580px x 352px – see the image example from the demo.
  • Homepage Features Image Size: 300px x 300px
  • Testimonials icon image: 60px x 60px
  • Blog Post Thumbnail Featured Image (as set in the demo): 844px x 352px
  • Single Blog Post Page Image maximum width: 844px

WooCommerce Product Images ↑ Back to top

To adjust the Shop Image settings go to WooCommerce > Settings > Product > Product Image Options; scroll to the bottom of the page to find image size settings. If you change these settings after you’ve uploaded images, you must Regenerate Thumbnails for the changes to take effect.

Due to the product layout on archive shop pages, square product images work best. This can be achieved by using the WooCommerce Hard Crop feature and setting the same pixel dimension for both the width and the height.

WC-Image-Size-Setting

To learn more about WooCommerce product images please see further documentation here: Adding Product Images and Galleries and here Using the Appropriate Product Image Dimensions

Featured Blog Images ↑ Back to top

To set the Featured Blog Image size for the blog page go to: Memorable > Settings > Dynamic Images > Thumbnail Settings.

Here is an example of the image settings from the Memorable Demo:
thumbnail

To learn more about Featured Images please see our tutorial here: Featured Images

Subscribe & Connect ↑ Back to top

The Subscribe & Connect functionality for the Memorable theme can be used on single post pages, with the Subscribe & Connect widget or with the Theme Option outlined below.

To setup Subscribe & Connect go to:

  • Subscribe & Connect > Connect Settings to link the icons to each social media page.
  • To add social media icons to your single posts page go to: Memorable > Settings > Subscribe & Connect > Setup and select Enable Subscribe & Connect – Single Post (example below).
  • Subscribe & Connect > Subscribe Settings to setup the email subscription form.
  • Memorable > Settings > General Settings > Subscription Settings to enter your preferred RSS feed URL.

subscribe

Here is an example of the Subscribe & Connect panel on a single post page with related posts enabled:
Memorable-Subscribe-Connect-Single-Post-Page

Here is an example of the Subscribe & Connect Widget in a sidebar:
Memorable-Subscribe-Connect-Widget

Contact Page ↑ Back to top

To setup a Contact Page:

contact

  1. Go to: Pages > Add New
  2. Title your Contact Page
  3. Go to: Page Attributes > Template just below the publish module to select the Contact page template.
  4. Publish your page.
  5. Go to: Memorable > Settings > Contact Page to enter the Contact Form Email address.
  6. From here you can also enable the information panel (see below), and enable the Subscribe & Connect panel to display your social icons (see demo example)
  7. Be sure to Save All Changes when finished.

contact-settings

To learn more about how Page Templates work please see our video tutorial here: Page Templates

Contact Page Maps ↑ Back to top

contact-maps

To setup Google Maps:

  • Enter your Google Maps coordinates. Example: -33.924868,18.424055 – To find the Google Cordinates, search for your location on a Google Map, right click the pin and select “What’s Here”. This will input the Google Coordinates in the search box.
  • Optionally disable mousescroll for all the Google Maps on the site. This could improve usability on your site.
  • Set the map height.
  • Set the Default Zoom Level.
  • Select the Map Type: Normal, Satellite, Hybrid or Terrain.
  • Enter Map Callout text to be shown when you click on the map marker for your location.

Custom Memorable Widgets ↑ Back to top

The Memorable theme includes 6 custom widgets (might add in addition to the Woo – Component widget).

  • Woo – Adspace
  • Woo – Blog Author Info
  • Woo – Embed/Video
  • Woo – Flickr
  • Woo – Subscribe/Connect
  • Woo – Team

To learn more about how to add Widgets please see our tutorial here: How to Add Widgets

Memorable Widget Areas

The Memorable theme includes 8 custom widget areas in addition to the Primary (sidebar) widget area.
widgets

The Memorable Custom Widget Areas include:

  • Footer Columns 1-4
  • Footer – Full Width
  • Homepage Columns – Left
  • Homepage Columns – Center
  • Homepage Columns – Right

Woo – Team Widget

ourteam

The Woo – Team Widget displays a list for all the authors on your site, with a link to their posts. You have the option to give this widget a title, as well to display avatar, name and post count. The authors are ordered by ***

Here is an example of what this looks like in the Footer – Full Width widget area as shown on the demo:

Memorable-Team-Widget-Example

WooCommerce - the most customizable eCommerce platform for building your online business.

Back to the top