Ocean Avenue
This help guide provides a specification for some aspects of the Ocean Avenue theme (for example, recommended image sizes).
Please note!
ShopWired's theme customisation editor can be used to edit your theme's style, branding and settings. You can read about it here.
Click a section below to jump to it:
• Product, category and other image sizes
• Home page images
• Limits
• Missing features
• Logo sizes
• Tabbed product descriptions
Product, category and other image sizes back to top
Please note!
The image sizes below are provided in line with the theme's default aspect ratio settings. If these are changed (within V5 themes for example), the image sizes that should be used will be different.
Category images
Category images are portrait, so they have an aspect ratio of 0.77 : 1.00.
The largest size category images are shown at is 258px x 335px.
Product images
Product images are portrait, so they have an aspect ratio of 0.77 : 1.00.
The largest size product images are shown at is 480px x 624px.
If using the roll over zoom or lightbox features then product images will be displayed at a larger size. We'd recommend uploading images at least 1000px x 1000px in size if using these features.
Blog thumbnail images
Blog thumbnail images are landscape.
The largest size blog thumbnail images are shown at is 600px by 420px.
Home page images back to top
There are two galleries for your home page, one for desktop/laptops and one for smaller screen devices.
Desktop/laptop (larger screen devices)
Images are landscape, they have an aspect ratio of 3.57 : 1.00.
We'd recommend uploading images sized 2640px x 740px.
You can upload images of different sizes, if doing so make sure your image is at least 1600px wide and that all images you upload to the gallery have the same dimensions.
Mobile (smaller screen devices)
Images are landscape, they have an aspect ratio of 1.11 : 1.00.
We'd recommend uploading images sized 1000px x 900px.
You can upload images of different sizes, if doing so make sure your image is at least 800px wide and that all images you upload to the gallery have the same dimensions.
Limits back to top
Category menu The category menu shows a maximum of 15 parent categories after which a view all link is displayed which, when clicked, will link through to the /categories page.
Brand menu The brand submenu shows a maximum of 15 brands after which a view all link is displayed which, when clicked, will link through to the /brands page.
There is a limit of 99 featured categories and 99 featured products displayed on the home page.
Missing features back to top
- Featured products are not displayed on this theme's home page
Logo sizes back to top
The ideal logo size is around 240px x 70px.
The default background colour for the website's header (that contains the logo) is black, so you should upload a logo with a transparent background or change the header colour in your theme's colour settings.
We'd recommend uploading a landscape logo (width is greater than height) where the height is around 70px.
The maximum width that the logo will display at, both on desktop screens and mobile screens, can be set individually on the style editor.
Tabbed product descriptions
The tabbed product descriptions feature allows you to split your product descriptions into 5 separate tabs.
To use this feature you'll need to activate the tabbed product descriptions app within your ShopWired account.
You can specify the tab heading for each section in your theme's style editor in the product page section.
The content from the Product Description 1 field does not have a heading on this theme, so there is no heading setting for it.
Product specific tab heading
You can set the tab headings on a 'per product' basis by setting up some additional settings in your ShopWired account. To do so, install the Custom Fields app. Once done, create 4 custom fields with the following settings:
Item Type as Product
Name as product_tab_x
Label as Tabbed description x
Type as Text
Please note, you'll need to create 4 separate custom fields replacing X each time with the number of the field, e.g. product_tab_2. You cannot create a product_tab_1 field on this theme because this text does not have a heading.