Search for answers:
The OptimizePress Support Site Has Moved: Click here to access the new Support site

How to use the PlusPack Product Showcase element

Please note: You must be using OptimizePress version 2.5.7 or above for PlusPack features to function correctly

In this video lets take a look at the OptimizePress PlusPack Product Showcase element.

- To get started, open a page with the LiveEditor. Once launched, click on the 'Add Element' button.

- Next, click on the Search box and begin typing in the word 'Showcase'. OptimizePress will go ahead and list all the elements containing the word Showcase. From this list, select the 'Showcase' element.

- When you click on the 'Product Showcase' element. You will be taken to a the second step where you can choose from a list of 2 styles. Depending on how many images you have, you may want to select the style with the thumbnails placed at the bottom due to more thumbnail space. In our example, we've chosen the first style.

- Once you've selected your style. You will be taken to a section where you can start adding in your images and changing the 'Instruction Text' of your Product Showcase. By default, the Instruction Text is set to "Click and drag the image to zoom in". Click the 'Add New' button.

- A new area will pop up with instructions to add an image and also some 'Image alt Text' which is ideal for SEO purposes.

PLEASE NOTE: Upload at least 1000px wide images to enable zoom functionality.


- To add more images, simply click on the 'Add New' button again until you're happy with the number of images to use for your showcase.

- Once you're happy with your images, click the 'Insert' button to launch your Showcase element to your page. Save the page in the LiveEditor and preview your element. You should now see a fully functioning and beautiful showcase for your customers to browse and scroll through.

Further Customisation

You can also further customise your element by clicking on the 'Advanced Options' button. 

You will be presented with a list of editing options:

- General Options:

Product Showcase Element Size (Percentage) -
Set how large you would like your Showcase Element to be.


Product Showcase Border Colour - Set the border colour of your element.


- Product Image Options:

Animation Type (Default, Fade, Slide) - Set how you would like the Main image to be animated.

Speed of Animation (in Milliseconds) - Set how fast you would like the animation to be.


-Thumbnail Options:

Thumbnail Size (Small, Medium, Large) - Set how large you would like your thumbnails to be.

Border Colour of the selected image thumbnails - Set the border colour of your thumbnails.

 

 

Didn't find an answer to your question? Contact Our Support Team (Submit a ticket)
Was this article helpful?
0 out of 0 found this helpful
Follow

Comments

Other Help Categories:

Get Started Guide

Watch our Ultimate Getting Started guide video

Pre-Sales Questions

Ask questions before purchasing our products

Login Problems

If you're having issues logging into our members hub

Accounts & Billing

Update your billing, request a refund and other accounts help

API Key Issues

Get help with licensing your site and API key issues

Membership Help

Get help creating Membership portals and courses

LiveEditor Help

If you need help using or troubleshooting the LiveEditor

Integrations

Find out about the many integrations possible with OptimizePress

Affiliate Questions

Have questions about promoting OptimizePress

Clubhouse Questions

Questions about our Clubhouse Membership Subscription