WOOTHEMES RESORT WOOCOMMERCE THEMES
Welcome to Resort! WOOTHEMES RESORT WOOCOMMERCE THEMES is theme includes a Business Page Template and a Widgetized Page Template as well as support for our Features & Testimonials plugins.Note:This product has been retired and is not for sale. Documentation is no longer being updated.
Installing your Theme
To learn how to install your theme please reference our documentation here: Installing a WooTheme
Checking your theme version
You can confirm your theme and WooFramework version by going to: Resort > Framework
Activate your Theme Key
After you install your theme, activate your theme key by downloading and installing the WooCommerce Helper plugin. This verifies your site when contacting support and enables 2-click updates for quick theme upgrades down the road.
Updating your theme
Ensure that you have the latest version of your theme at all times. This is the best way to proactively troubleshoot issues on your site.Please reference the WooCommerce Helper Documentation to learn more.
Homepage Overview
Resort Homepage Theme Settings
The Resort homepage is built as a module based layout with 5 available regions. To enable/disable these modules or to adjust the settings for each module go to: Resort > Settings > Homepage.
The 5 homepage modules are setup as follows:
Introductory Message
- To setup go to: Resort > Settings > Homepage > Introductory Message.
- Enter the Introductory Message Heading, Content, and optional Button Label and URL that the button should link to.
- Save All Changes.
The Content Area of your homepage can either be set as a Page of content or your most recent Blog Posts.
Adding Page Content to the Homepage
To add page content to your homepage:
- Go to: Page > Add New.
- Add homepage title and content.
- Publish page.
- Go to: Resort > Settings > Homepage > Content Area > Page Content
- Set the Content Type to Page Content in the dropdown menu.
- Set the Page Content as your newly created page.
- To Show Sidebar on the homepage select the checkbox. The sidebar setting inherits the global layout, rather than the layout of the page selected.
- Save all Changes.
Adding Blog Posts to the Homepage
To add blog posts to your homepage:
- Go to: Resort > Settings > Homepage > Content Area > Page Content
- Set the Content Type to Blog Posts in the dropdown menu.
- Set the number of blog posts to display.
- To Show Sidebar on the homepage select the checkbox.
- Save all Changes.
To exclude categories from displaying on the homepage:
- Go to: Resort > Settings > Layout > Category Exclude – Homepage
- Insert the category slugs to hide. The category slug can be found by going to Posts > Categories in the right Slug column.
- Save all Changes.
Features
To enable the Features homepage content:
- Download, install and activate the Features plugin.
- Go to: Resort > Settings > Homepage > Features to select the number of features to display.
- Add a title for the Features section.
- Save all Changes.
- Go to: Features > Add New.
- Add a title and description for your feature.
- Add a Featured Image
- Publish.
- Repeat to add a minimum of 3 features to properly fill the homepage region.
Gallery
The Gallery Homepage module is driven by Posts that have the Gallery Format enabled. To embed a gallery on the single post page, use the gallery shortcode as explained below.
To enable the Gallery homepage content:
- Go to: Resort > Settings > Homepage > Gallery to set the Number and Title to display.
- Save all Changes.
- Go to: Post > Add New.
- Add a Title.
- Select Add Media to add multiple images to your post.
- Close (X) the Media Uploader pop-up window.
- Insert the [ gallery ] shortcode* to insert your gallery on the page.
- Add a Featured Image in the right sidebar.
- Set the post Format to Gallery. If you don’t see this option, check your Screen Options in the top right corner to enable.
- Publish the new gallery post.
- Repeat to add a minimum of 3 gallery posts to properly fill the homepage region.
*To learn more about Gallery shortcode options please see the WordPress Codex reference here: Gallery Shortcode Options
Testimonials
To enable the Testimonials homepage content:
- Download, install and activate the Testimonials plugin.
- Go to: Resort > Settings > Homepage > Testimonials.
- Add a title for the Testimonials section.
- Save all Changes.
- Go to: Testimonials > Add New.
- Add a Featured Image or email linked to a Gravatar email account. Featured image will override the Gravatar image.
- Publish.
- Repeat to add a minimum of 3 testimonials to properly fill the homepage region.
Note: To display the Homepage Options you must have Settings > Reading settings to ‘Your Latest Post’ rather than a static page. If you set your homepage to a static page, the homepage content/widget options will not work.
Using A Widgetized Homepage
You can optionally utilize the Homepage Widget area to re-order your homepage sections. To add widgets/re-order the homepage go to: Appearance > Widgets in your dashboard and the drag widgets into the Homepage widget area in the right column.
The Woo – Component Widget has three components available for the homepage: Blog Posts, Page Content and Home Gallery. You can optionally set a title, be sure to select Save when you are finished.
To set the Page Content component:
- Go to: Resort > Settings > Homepage > Content Area and select the page from the Page Content dropdown menu.
- Save All Changes
- Go to: Appearance > Widgets
- Drag the Woo – Component widget to the Homepage widgetized region.
- Optionally set a title.
- Save your changes.
To learn more about how to add Widgets please see our tutorial here: How to Add WidgetsUsing the Appearance > Widgets – Homepage widget area will automatically override the default homepage modules and settings once you add a widget into the Homepage widget area.
Homepage Featured Slider
To enable the Homepage Featured Slider go to Resort > Settings > Featured Slider > Slider Content. From here you can also 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.
To edit additional Homepage Featured Slider settings go to: Resort > Settings > Featured Slider > Slider Settings
To add slides:
- Go to Slides > Add New.
- Add slide content in the main content area, including a title and description.
- Add a Featured Image for the slide.
- Scroll down to review additional options in Resort Custom Settings for URL to link to or to add video embed code.
- Publish slide to save.
Please note! The Homepage Featured Slider for Resort 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.
The Resort Homepage Slider demo also includes two buttons, which are placed with the following shortcodes:
To learn more about Shortcodes please see our tutorial here: Shortcodes
Business Page Template
The Resort 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: Resort > Settings > Business Template to select the business page modules you would like to display.
To set the business page template:
- Go to: Pages > Add New.
- Add a title and the page content.
- Go to: Page Attributes > Template just below the publish module to select the Business page template.
- Publish the page.
Setting the Business Page Template as the Homepage
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
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:
- Go to: Resort > Settings > Business Template to select Display WooSlider.
- Next, go to: Pages > Edit to add images to your newly created business page.
- Select Add Media.
- Upload as many images as you’d like.
- Close (X) the Media Uploader pop-up window.
- 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 Settings
To review the following WooCommerce Homepage Options go to: Resort > Settings > WooCommerce > General.
- Upload a custom placeholder to be displayed when there is no product image.
- Display a link to the cart in the main navigation.
- Enable/disable the product search in the header.
Product Archives
To adjust settings for the Product Archives pages go to: Resort > Settings > WooCommerce > Product Archives.
Choose to hide the sidebar (display product archive page as full-width), how many product columns and products to display on the page.
Product Details
To adjust settings for the single product page go to: Resort > Settings > WooCommerce > Product Details.
Choose to show product tabs for description/review, related products and how many. The related products are determined by the product categories/tags. To group related products, add them to the same category/group.
Image Dimensions
Here are the ideal image dimension to use for Resort. 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. 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
- Featured Slider/WooSlider Business Slider suggested minimum width: 1140px – height will scale to fit
- Gallery Featured Image: 210px x 146px
- Features and Testimonials icon images: 60px x 60px
- Blog Post Images maximum width: 676px
WooCommerce Product Images
To adjust the Shop Image settings go to WooCommerce > Settings > Product > Product Image Options and 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.
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
To set the Featured Blog Image size for the blog page go to: Resort > Settings > Dynamic Images > Thumbnail Settings.Please note: The Blog Featured Image will only display on the Blog page. If you want an image on your single post page, then you should insert the image into your post.
To learn more about Featured Images please see our tutorial here: Featured Images
Subscribe & Connect
The Subscribe & Connect functionality for the Resort theme can be used on single post pages, with the Subscribe & Connect widget, as well as a special Subscribe & Connect area above the footer region.
To add social media icons to your single posts page go to: Resort > Settings > Subscribe & Connect > Setup and select Enable Subscribe & Connect – Single Post.
To add social media icons above the footer region go to: Resort > Settings > Subscribe & Connect > Setup and select Enable Subscribe & Connect – Above Footer.
To setup Subscribe & Connect go to:
- Subscribe & Connect > Connect Settings to link the icons to each social media page.
- Subscribe & Connect > Setup to enable the related posts in the Subscribe & Connect box (example below).
- Subscribe & Connect > Subscribe Settings to setup the email subscription form.
- Resort > Settings > General Settings > Subscription Settings to enter your preferred RSS feed URL.
Here is an example of the Subscribe & Connect panel on a single post page with related posts enabled:
Here is an example of the Subscribe & Connect Widget:
Here is an example of the Subscribe & Connect area above the footer:
Contact Page
To setup a Contact Page:
- Go to: Pages > Add New
- Title your Contact Page
- Go to: Page Attributes > Template just below the publish module to select the Contact page template.
- Publish your page.
- Go to: Resort > Settings > Contact Page to enter the Contact Form Email address.
- 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)
- Be sure to Save All Changes when finished.
To learn more about how Page Templates please see our video tutorial here: Page Templates
Contact Phone Number in Header
To enable the Contact Phone Number in the header go to: Resort > Settings > Layout > Layout Setup and select the checkbox.
To insert your phone number go to: Resort > Settings > Contact Page and select the checkbox to Enable the Contact Information Panel, this will slide down the contact information fields where you can enter the phone number. You do not need to leave this optioned enabled if you do not want additional contact information to show on your contact page. Don’t forget to Save all Changes when you are finished.If you would like to change the text that says ‘Call us on’ please see our forum tutorial on how to quickly translate localized site text.
Contact Page Maps
To setup Google Maps:
- Enter your Google Maps coordinates. Example: -33.924868,18.424055 – To find the Google Coordinates, search for your location on a Google Map, right click the pin and select What’s Here. This inputs 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 Resort Widgets
The Resort theme includes 5 custom widgets in addition to the Woo – Component widget mentioned above. Here are the other 5 custom widgets:
- Woo – Adspace
- Woo – Blog Author Info
- Woo – Embed/Video
- Woo – Flickr
- Woo – Subscribe/Connect
To learn more about how to add Widgets please see our tutorial here: How to Add Widgets
Click here to download WOOTHEMES RESORT WOOCOMMERCE THEMES