Technologik
This help guide provides a specification for some aspects of the Technologik 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
Category images
Category images are square, so they have an aspect ratio of 1.00 : 1.00.
The largest size category images are shown at is 364px x 364px.
Product images
Product images are square, so they have an aspect ratio of 1.00 : 1.00.
The largest size product images are shown at is 560px x 560px.
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 1142px by 685px.
This will fill the image container of the first post at the top which is the largest, and will be resized when the posts are shown in the grid underneath.
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.70 : 1.00.
We'd recommend uploading images sized 2000px x 540px.
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.46 : 1.00.
We'd recommend uploading images sized 1024px x 700px.
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.
Image text and a 'Shop Now' button
For text to appear on the banner image(s), access the correct gallery (either desktop or mobile) and enter the text you want to appear in the Image Name/Text box.
For the image to be a clickable link to another part of your website, you will need to enter the final part of the URL for one of your website’s pages in the Target URL field.
If you would like a clickable button to appear after the text which also navigates to the part of your website which you entered in the Target URL field, then at the end of the Image Name/Text field enter a text pipe symbol followed by the text you want to display on the button.
For example, to display a clickable button which says 'Shop Now' enter | Shop Now after the text. This should look like this:
This process is the same for both the desktop and the mobile galleries.
Home Page Text Snippet Image
The home page contains an 'About Us' section for you to add content to using the text snippet feature. The content has an accompanying image that you can set.
The image is square, it has an aspect ratio of 1.00 : 1.00.
The recommended image size is 364px x 364px.
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
There are no standard features missing from this theme.
Logo sizes back to top
The ideal logo size is around 240px x 70px.
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.