1. Home
  2. Docs
  3. Advanced Product Catalog ...
  4. Detail Document
  5. Advanced Product Features Settings

Advanced Product Features Settings

You can set all the widget settings of the Advanced Product Catalog.

Step 1. Go to Pages » Add Page » Edit with Elementor

Step 2. Search widget Advanced Product Catalog

Step 3. To Set the Advanced Product Catalog widget on your page.

Step 4. Drag and Drop the widget on your page.

Step 5. Now, set all the settings as per your preferences.

Step 6. Click on the “Update” button at the bottom of the page and enjoy the Advanced Product Catalog Widget.

 

 

Content Settings – Advanced Product Catalog

 

1. Item Configuration

General settings for the Advanced Product Catalog.

 

  • Catalog Type: To select a Type of Catalog Advanced Product Catalog.
  • Catalog Style: To select the Layout of Advanced Product Catalog.
  • Display No. of Product: To select a number of Product to show.
  • Show Image: To show or hide an Image of Product.
  • Image Size: To select a size of Product Image.
  • Show Title: To show or hide the Title of Product.
  • Title HTML Tag: To select a Title tag for Product .
  • Show Description: To show hide, short or full Description of Product.
  • Description Length: To select a length of Product Description.
  • Read More: To show or hide the Read More Text of Product.
  • Read More Text: To select the text of read more in Product Description.
  • Show Category: To show or hide the Category of Product.
  • Category Position: To select the position of Product Category.
  • Show Tag: To show or hide the Tag of Product.
  • Tag Position: To select the position of Product Tag.
  • Show Sale Price: To show or hide the Sale Price of Product.
  • Show Regular Price: To show or hide the Regular Price of Product.
  • Show Rating: To show or hide the rating of Product.
2. Query Configuration

To add a Items list for Advanced Product Catalog.

  • Product Types: To select the Types of Product.
  • Product Source: To select the Source of Product.
  • Order By: To show product by Order.
  • Sort By: To show product by Sort.
  • Categories: To select Product by Categories.
  • Exclude Above Categories: To Exclude or Include the Product by Categories.
  • Tags: To select Product by Tags.
  • Exclude Above Tags: To Exclude or Include the Product by Tags.
  • Author: To select Product by Author.
  • Exclude Above Author: To Exclude or Include the Product by Author.
  • Off Set: To select the Product by Off Set.
3. Grid Configuration

General settings for the Advanced Product Catalog.

 

  • Grid Column Gap: To Set the Column Gap between Product in Grid Layout.
  • Grid Row Gap: To Set the Row Gap between Product in Grid Layout.
4. Slider Configuration

General settings for the Advanced Product Catalog.

 

  • Show Dots: To show or hide the Pagination in Slider Layout.
  • Show Arrows: To show or hide the Arrows in Slider Layout.
  • Previous icon: To select an icon for Previous Arrow.
  • Next icon: To select an icon for Next Arrow.
  • Slides To Show: To select a slides in Slider Layout.
  • Show Infinite: To select slides infinite in Slider Layout.
  • Pause On Hover: To set an effect of pause on Slider Hover.
  • Autoplay: To On or Off Autoplay Slider.
  • Autoplay Speed: To set an Autoplay Speed of Slider.
5. Advanced

To add details of a list.

  • Show Cart Button: To show or hide Add to Cart Button of Product.
  • Show Custom Button: To show or hide Custom Button Text of Product.
  • Simple Product Text: To set the text of Simple Product Button.
  • Grouped Product Text: To set the text of Grouped Product Button.
  • External/Affiliate Button Text: To set the text of External/Affiliate Product Button.
  • Variable Product Text: To set the text of Variable Product Button.
  • Sale Badge: To show or hide Sale Badge.
  • Sale Badge Text: To set the text of Sale Badge.

Style Settings – Advanced Product Catalog

 

1. Item

To set Item settings for Advanced Product Catalog.

  • Border Type: To set the border of Item.
  • Button Toggle: To set the Button Toggle Normal or Hover.
  • Content Background: To select the Background color for Item Content using the color picker.
  • Item Border Radius: To set the Border Radius for Item.
  • Content Padding: To set the Padding for Item Content.
  • Content Alignment: To set an alignment of content.
2. Image

To set the Image settings for Advanced Product Catalog.

 

  • Height: To set the height of Product image.
  • Width: To set the width of Product image.
  • Border Radius: To set the Products Image border radius.
  • Alignment: To set an alignment of Product Image.
  • Button Toggle: To set the Button Toggle Normal or Hover.
  • CSS Filters: To select an effect for Product Image.
3.Title

To set the Title settings for Advanced Product Catalog.

 

  • Spacing: To set the upper Spacing for Product Title.
  • Title Typography: To set the Title Typography of Product.
  • Title Color: To select the Title Color using the color picker.
4. Content

To set the Content settings for Advanced Product Catalog.

 

  • Description Spacing: To set the upper Spacing for Product Description.
  • Description Typography: To set the Description Typography of Product.
  • Description Color: To select the Description Color using the color picker.
  • Read More Typography: To set the Read More Typography of Description.
  • Button Toggle: To set the Button Toggle Normal or Hover.
  • Read More Text Color: To set the Read More Text Color using the color picker.
5. Category

To set the Category settings for Advanced Product Catalog.

 

  • Category Spacing: To set the upper Spacing for Product Category.
  • Title Typography: To set the Category Typography of Product.
  • Button Toggle: To set the Button Toggle Normal or Hover.
  • Category Color: To select the Category Text Color using the color picker.
6. Tag

To set the Tag settings for Advanced Product Catalog.

 

  • Tag Spacing: To set the upper Spacing for Product Tag.
  • Title Typography: To set the Tag Typography of Product.
  • Button Toggle: To set the Button Toggle Normal or Hover.
  • Tag Color: To select the Tag Text Color using the color picker.
7. Prices

To set the Prices settings for Advanced Product Catalog.

 

  • Price Spacing: To set the upper Spacing for Product Price.
  • Space Between Price: To set the Space Between Price of Product.
  • Regular Price Typography: To set the Regular Price Typography of Product.
  • Regular Price Color: To select the Regular Price Text Color using the color picker.
  • Sale Price Typography: To set the Sale Price Typography of Product.
  • Sale Price Color: To select the Sale Price Text Color using the color picker.
8. Button

To set the Color settings for Advanced Product Catalog.

 

  • Typography: To set the Button text Typography.
  • Alignment: To set the alignment for button.
  • Button Spacing: To set the upper Spacing for Button.
  • Button Toggle To set the Button Toggle Normal or Hover.
  • Text Color: To select the Text Color for Button using the color picker.
  • Button Background Color: To select the Background Color for Button using the color picker.
  • Border Type: To set the Border Types like Solid, Double, Dotted, Dashed, Groove.
  • Border Radius: To set the Border Radius for Button.
  • Button Padding: To set the Border Padding for Button.
9. Rating

To set the Prices settings for Advanced Product Catalog.


 

  • Rating Size: To set the size of rating.
  • Rating Spacing: To set the upper Spacing for Product Rating.
  • Rating Color: To select the Rating Color using the color picker.
  • Rating Fill Color: To select the Rating Fill Color using the color picker.
10. Sale Badge

To set the Sale Badge settings for Advanced Product Catalog.

 

  • Sale Badge Typography: To set the Sale Badge text Typography.
  • Sale Badge Color: To select the Text Color for Sale Badge using the color picker.
  • Sale Badge Background Color: To select the Background Color for Sale Badge using the color picker.
  • Padding: To set the Padding for Sale Badge.
11. Pagination

To set the Paginatione settings for Advanced Product Catalog.

 

  • Pagination Color: To select the Pagination Color using the color picker.
  • Active Pagination Color: To select the Active Pagination Color using the color picker.
  • Pagination Size: To set the size of Pagination.
12. Arrows

To set the Arrows settings for Advanced Product Catalog.

 

  • Arrow Size: To set the size of Arrows.
  • Arrow Color: To select the Arrow Color using the color picker.
  • Arrow Background Color: To select the Arrow Background Color using the color picker.
  • Arrow Border Radius: To set the Border Radius for Arrows.
  • Arrow Padding: To set the Border Padding for Arrows.

How can we help?