PCuikit - PC Product Images
Article Index
- PCuikit
- How to install
- Getting Started
- Custom Product
- Custom Categories
- Custom Products
- Phoca Cart Category View
- Phoca Cart Category Products List
- Product Details View
- PCuikit Component
- Custom Elements
- PC Addtocart
- PC Category
- PC Category Grid
- PC Grid
- PC Product
- PC Product Grid
- PC Product Images
- PCuikit - One Page Checkout plugin
- PC Order Thank You Page template
- All Pages
Page 18 of 20
PC Product Images Custom Element :
- Open your site "YOOtheme" website builder inside the Joomla admin and edit the product details page in which you want to add the "PC Product Images" custom element.
- Then you can easily add listed PCuikit custom builder element "PC Product Images" from the list of PCuikit custom elements.
- You can display the product images as a gallery.
- Customise the settings for the element under "Settings" tab.
- If "Gallery Style" is set as "Third party" which supports Gallery View and Zoom.
- If "Gallery View" is set as "Yes" then Gallery View settings listed.
- Gallery Icon Position - Set the position of the gallery icon in the main product image
- Gallery Icon Overlay - Set the overlay for gallery icon
- Gallery Background - Set the background color for gallery view
- If "Zoom" is set as "Yes" then Zoom Type setting listed which is used to set the type of the action to start the zoom.
- Thumbnav Settings allows to set the various options for thumbnav like column settings, alignment, divider, row gap, column gap, shadow.
- If "Gallery Style" is set as "Yootheme Default" which supports different slideshow settings, lightbox and thumbnail gallery view.
- "Slideshow Animation" settings allows to set different transition effect, auto play options, parallax and ken burns effect.
- "Slideshow Navigation" settings are used to set navigation type and thmbnail image width/height.
- "Slideshow Slidenav" settings are used to set slidenav style and position.
- Once finished all the settings for the element , Click "Save layout" and "Close" the website builder.