Fraud Blocker
  • Home
  • Products
  • Support
  • Blog
  • Contact

Table Of Contents

360 Degree Product widget

How to Use 360 Degree Product Widget

In terms of showcasing products in 360-degree view, the widget 360 Degree Product Widget by Element Pack will be great option. Read the doc written below and go ahead. I’ll include some instructions.

So, dive into the doc.

To Insert Widget

inserting the 360 Degree Product widget

Inserting a widget, it is just a matter of dragging and dropping. As you see in the screenshot above, drag the 360 Degree Product view widget inside your page.

Content Tab

Using the Content Tab, you’ll be able to make a layout of a particular part of a website. And in this regard, some handy sections in the tab will assist you a lot in designing the 360 Degree Product view widget Elementor.

Now, I’m going to show the sections of the tab and how they work behind the widget.


Look at the Layout section. This section includes Source Type that will allow you to set the image source (Local Images and Remote Images). In general, in this section, you can adjust width and height of the image.

The most important thing is the Fullscreen Button switcher on/off option. Using this switcher button, you will be able to display the image over the full screen. Just enable the switcher button and check all the controls corresponding to the fullscreen button.

Source Type: Local Images

360 degree product viewer 2 - BdThemes

If you select source type Local Images, then you have to add a set of images in the Add Images field. Only after that, you’ll be able to get the images a 360° effect. Take a look at the image above.

N.B: Keep in mind that the position of the images will be different for example 0° to 360°.

Source Type: Remote Images

360 degree product viewer 3 - BdThemes

Instead of Local Image source type, you can also use Remote Source type. Just, you have to use source URL( the link from where you want to show images) in the Images Source field.

Most importantly, here, you can adjust framing. For that, use the scroll bar Start Frame and End Frame for the 360 Degree Product widget.


360 degree product viewer 4 - BdThemes

From this section, you’ll be able to manage the animation, framing time, looping, reversing, easing, blur. Simply, go to the Content tab > Additional.

Style Tab

Now, let’s work with Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you require to design. 

Styling with the tab in Elementor will always give you a fantastic experience.

Let’s have a look.

Icon Style

Here, in this section, you can generally add border for Border Type, Border Radius, Box Shadow, and Padding. Especially, you can handle the size of the search icon.

Normal :

360 degree product viewer style 1 - BdThemes

In the Normal mode you might set color and background color.


360 degree product viewer style 2 - BdThemes

In the Hover mode, you might also set color and background color for the search icon for the 360 Degree Product view widget.

Video Assist

At the end of this documentation, I hope you’ve noticed what is 360 Degree Product View widget is, developed by Bdthemes, and how it works for you. Watch the video inserted above. If you want to discover what more is possible to do using this one, you can visit the demo page.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 30-days money-back guarantee.

BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins.

This website is powered by Element Pack Pro and Rooten Theme.

New Year Sales Are Giving up to ~70% Price Off!! on our products | Coupon: HNY2023

Need any assistance? Call Us:+880 1700 55 95 95

Copyright © 2023 BdThemes. All Rights Reserved.