How to use WooCircle Widget by Prime Slider

  • BdThemes
  • How to use WooCircle Widget by Prime Slider

Table Of Contents

How to use WooCircle Widget by Prime Slider

In this documentation, we will discuss the customization of the WooCircle widget, brought to you by the Prime Slider Pro add-on.

Insert WooCircle Widget

insert woocircle widgetpng - BdThemes

Open your page in the Elementor editor, search by the widget name ( WooCircle ), and then drag-drop it on the page.

The default view of the WooCircle Widget

This image has an empty alt attribute; its file name is Default-view-of-woocircle--1024x686.png

The WooCircle Widget displays the Featured Image, Title, Price, Modal Button, and Arrows.

Content tab customization

Layout section

Go to Content > Layout

layout - BdThemes

Find the Height, Alignment, Show Title, Title HTML Tag, Show Text, Show Price, and Add to Cart options.

Query section

Go to Content > Query

Query - BdThemes

Find the Source, Limit, Include > Included By, and Terms options.

query 2 - BdThemes

Also, find the Show Product, Date, Order By, and Order, Hide Free Products, Hide Out of Stock, and Only Featured Image Post options, Also find the Query ID options.

Style Tab Customization

Slider Section

Go to Style > Slider

slider item - BdThemes

Find the Circle Color option.

title slider - BdThemes

Also, find the Color, Text strokes, Text Shadow, Typography, and Margin options.

price slider - BdThemes

Also, find the Old Price > Color, Margin, and Typography, Sale Price > Color, Background, Margin, Typography, and Spacing options.

open button - BdThemes

Then find the Color, Background Color, Border Type, Border Radius, Padding, Margin, Box Shadow, and Typography options.

Modal Section

Go to Style > Modal

title modal - BdThemes

Find the Background, Content Max Width, Text > Color, Text Stroke, Text Shadow, Typography, and Margin options.

price modal - BdThemes

Then find the Old Price > Color, Margin, and Typography, Sale Price > Color, Background, Margin, Typography, and Spacing options.

text modal - BdThemes

Then also find the Text > Color, Typography, and Margin options.

Close modal - BdThemes

Then find the Close > Color, Background Type, Border Type, Border Radius, Padding, Margin, Box Shadow, and Typography options.

close hover modal - BdThemes

Also, find the Hover > Color, Background Color, and Border Color options.

Add to Cart Button

add to cart modal - BdThemes

Find the Color, Background, Border Type, Border Radius, Padding, Margin, Box Shadow, and Typography options.

hover add to cart modal - BdThemes

Also, find the Color and Background options.

quantity modal - BdThemes

Then find the Color, Background, Border Type, Border Radius, Padding, Box Shadow, and Typography options.

Navigation Section

Go to Style > Navigation

navigation - BdThemes

Find the Color, Hover Color, and Size options.

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 14-days money-back guarantee.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge