{"id":11251,"date":"2015-01-25T08:32:50","date_gmt":"2015-01-25T08:32:50","guid":{"rendered":"http:\/\/theme-fusion.com\/avadaxml\/?page_id=11251"},"modified":"2021-07-20T11:38:30","modified_gmt":"2021-07-20T09:38:30","slug":"woocommerce-product-carousel","status":"publish","type":"page","link":"https:\/\/www.realclubmaritimomelilla.es\/clmar\/woocommerce-product-carousel\/","title":{"rendered":"WooCommerce Product Carousel"},"content":{"rendered":"

WooCommerce Products Carousel<\/h1>\n

Avada comes with a WooCommerce product carousel slider that can be insterted on any page and automatically pull your product posts. Specify only one category to show, or a combination of them, or show all. Show or hide the rollover elements like categories, price and buttons.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
[fusion_products_slider picture_size=”fixed” cat_slug=”” number_posts=”5″ show_cats=”no” show_price=”no” show_buttons=”no” class=”” id=””]
<\/div><\/div><\/div><\/div><\/div>

Customization Settings<\/strong><\/span><\/p>\n

Specify which categories to include or exclude in the carousel. Also determine the size of the images, number of products to be displayed, and to show or hide different rollover elements.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
[fusion_products_slider picture_size=”fixed” cat_slug=”category-1″ number_posts=”8″ show_cats=”yes” show_price=”yes” show_buttons=”yes” class=”” id=””]
<\/div><\/div><\/div><\/div><\/div>

Use With Columns<\/strong><\/span><\/p>\n

Use this shortcode with our columns shortcode to place it anywhere on your website. This shortcode is 100% responsive and will look good on any screen resolution.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>

Use Carousel With Columns<\/h3>\n

The recent work carousel can be used inside of column shortcodes to control the size. By default it will display all categories of portfolio posts. Users can specify that only a specific category is displayed instead of all categories, which gives you full control over what posts are seen by viewers.<\/p>\n<\/div>

<\/div><\/div><\/div>
<\/div>
<\/div>
<\/div>[fusion_products_slider picture_size=”auto” cat_slug=”” number_posts=”5″ show_cats=”no” show_price=”yes” show_buttons=”no” class=”” id=””]
<\/div><\/div><\/div><\/div><\/div>

Complete Set of Options <\/strong><\/span><\/p>\n

Every option and description included with the Woo carousel\u00a0shortcode is listed below.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
  • <\/i><\/span>
    picture_size<\/strong> –\u00a0Can be one of these values:\u00a0fixed,\u00a0<\/em>or\u00a0auto.<\/em>\u00a0Sets the size of your image to be fixed or not.<\/div><\/li>
  • <\/i><\/span>
    cat_slug<\/strong> –\u00a0The\u00a0id<\/em>\u00a0of the category from which you want the posts to be displayed. Use a\u00a0comma<\/em>\u00a0for multiple categories.<\/div><\/li>
  • <\/i><\/span>
    number_posts<\/strong> –\u00a0Accepts a numerical value to show how many posts are displayed. For example,\u00a07<\/em>.<\/div><\/li>
  • <\/i><\/span>
    show_cats<\/strong> –\u00a0Can be one of these values:\u00a0yes,\u00a0<\/em>or\u00a0no<\/em>. This will show or hide the categories.<\/div><\/li><\/ul>
    <\/div><\/div><\/div>
    • <\/i><\/span>
      show_price<\/strong> – Can be one of these values: yes, <\/em>or no<\/em>. This will show or hide the rollover price.<\/div><\/li>
    • <\/i><\/span>
      show_buttons<\/strong>\u00a0– Can be one of these values: yes, <\/em>or no<\/em>. This will show or hide the rollover buttons.<\/div><\/li>
    • <\/i><\/span>
      class<\/strong> – Add a custom class<\/em> to the wrapping HTML element for further css customization.<\/div><\/li>
    • <\/i><\/span>
      id<\/strong> – Add a custom id<\/em> to the wrapping HTML element for further css customization.<\/div><\/li><\/ul>
      <\/div><\/div><\/div><\/div><\/div>

      Join The 100,000+ Satisfied Avada Users!<\/span><\/h1>\n<\/div>