{"id":1781,"date":"2024-09-26T13:44:50","date_gmt":"2024-09-26T13:44:50","guid":{"rendered":"http:\/\/docs"},"modified":"2024-09-26T16:24:19","modified_gmt":"2024-09-26T16:24:19","password":"","slug":"new-elementor-xstore-features","status":"publish","type":"docs","link":"https:\/\/www.8theme.com\/documentation\/xstore\/plugins\/new-elementor-xstore-features\/","title":{"rendered":"New Elementor XStore features"},"content":{"rendered":"<div data-html-block=\"\">\n<section class=\"index-list\">\n<\/section>\n<\/div>\n<p>In the latest version of XStore the new Elementor features we have added in the theme. Let\u2019s check how you can use them into your site.<\/p>\n<h3 id=\"Sticky-Column-for-Elementor-6JDs9\">Sticky Column for Elementor<\/h3>\n<p><a href=\"https:\/\/xstore.8theme.com\/elementor\/demos\/lifestyle-blog\/\" target=\"_blank\" rel=\"noopener\">Example<\/a><\/p>\n<p>In the Elementor editor when you edit a Column you will see the \u201cXstore Sticky Content\u201d option in the column settings \u201cAdvanced Tab\u201d as you can see in the below image.<\/p>\n<p><img decoding=\"async\" style=\"width: 100%; max-width: 100%;\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/6301fa4b502e69288e0e1901\/file-yefh1Q6Cl1.png\" \/><\/p>\n<p>You can also set the \u201cSticky\u201d on the devices by selecting the option there like \u201cDesktop, Tablet and Mobile\u201d<\/p>\n<h3 id=\"Floating-Effect-for-all-Widgets-SLQOK\">Floating Effect for all Widgets<\/h3>\n<p><a href=\"https:\/\/xstore.8theme.com\/elementor\/demos\/minimal-fashion02\/floating-effects\/\" target=\"_blank\" rel=\"noopener\">Example<\/a><\/p>\n<p>We have added new effect \u201cFloating\u201d on all the \u201cXSTORE Widgets\u201d in Elementor. You can add the effect by adding any \u201cXSTORE Widget\u201d into your page by editing it with Elementor like you see in the below image:<\/p>\n<p><img decoding=\"async\" style=\"width: 100%; max-width: 100%;\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/6301fa6586337c0b7a87b1e3\/file-7wJWlklmSP.png\" \/><\/p>\n<h3 id=\"Slides-Elementor-Widgets-GZYcG\">Slides Elementor Widgets<\/h3>\n<p><a href=\"https:\/\/xstore.8theme.com\/elementor\/demos\/minimal-fashion02\/slides-element\/\" target=\"_blank\" rel=\"noopener\">Example<\/a><\/p>\n<p>The new \u201cSlides\u201d widget added in the Elementor in which you can set the content like \u201cImages, Heading or paragraphs, and etc\u201d and show them on the site as a slider. See the image of the widget:<\/p>\n<p><img decoding=\"async\" style=\"width: 100%; max-width: 100%;\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/6301fa6fabed727489465857\/file-VzbEyezGjs.png\" \/><\/p>\n<h3 id=\"Content-Switcher-Elementor-Widget-rD0pg\">Content Switcher Elementor Widget<\/h3>\n<p><a href=\"https:\/\/xstore.8theme.com\/elementor\/demos\/minimal-fashion02\/content-switcher-element\/\" target=\"_blank\" rel=\"noopener\">Example<\/a><\/p>\n<p>The new widget we added in the theme. You can find this in the Elementor editor by searching the widget \u201cContent Switcher\u201d See below image:<\/p>\n<p><img decoding=\"async\" style=\"width: 100%; max-width: 100%;\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/6301fa79abed727489465858\/file-ldo18Gd9KE.png\" \/><\/p>\n<p>By using this widget, you can add the content and switch them as per you need to show the one you want like you can see as an example in the below image:<\/p>\n<p><img decoding=\"async\" style=\"width: 100%; max-width: 100%;\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/6301fb7977bd393c3a8b8ec5\/file-aOAG3CvnaF.png\" \/><\/p>\n<h3 id=\"Toggle-Text-Elementor-Widget-qCmUi\">Toggle Text Elementor Widget<\/h3>\n<p><a href=\"https:\/\/xstore.8theme.com\/elementor\/demos\/minimal-fashion02\/toggle-text-element\/\" target=\"_blank\" rel=\"noopener\">Example<\/a><\/p>\n<p>A new widget added in the theme Elementor version in which you can add the text content on the \u201cShort and Long\u201d format and show the one at first you want like showing the long first instead of short see the below image of the widget:<\/p>\n<p><img decoding=\"async\" style=\"width: 100%; max-width: 100%;\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/6301fb8b77bd393c3a8b8ec6\/file-oXthBkR2uh.png\" \/><\/p>\n<h3 id=\"Tooltip-Feature-for-all-Widgets-l3KXu\">Tooltip Feature for all Widgets<\/h3>\n<p><a href=\"https:\/\/xstore.8theme.com\/elementor\/demos\/minimal-fashion02\/tooltips-feature\/\" target=\"_blank\" rel=\"noopener\">Example<\/a><\/p>\n<p>A new feature added in the theme you can use this on all the widgets you want. It works as a tooltip on the widget and you can enable this on the widgets by going into the widget settings \u201cAdvanced Tab\u201d you can also set the style of it as you want. See below image:<\/p>\n<p><img decoding=\"async\" style=\"width: 100%; max-width: 100%;\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/6301fb9786337c0b7a87b1e8\/file-d2Qh7oT8v5.png\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the latest version of XStore the new Elementor features we have added in the theme. Let\u2019s check how you can use them into your site. Sticky Column for Elementor Example In the Elementor editor when you edit a Column you will see the \u201cXstore Sticky Content\u201d option in the column settings \u201cAdvanced Tab\u201d as [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"doc_category":[38],"doc_tag":[],"class_list":["post-1781","docs","type-docs","status-publish","hentry","doc_category-plugins"],"aioseo_notices":[],"year_month":"2026-04","word_count":342,"total_views":"3354","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"author_nicename":"docs","author_url":"https:\/\/www.8theme.com\/documentation\/author\/docs\/"},"doc_category_info":[{"term_name":"Plugins","term_url":"https:\/\/www.8theme.com\/documentation\/xstore\/plugins\/"}],"doc_tag_info":[],"author_list":[{"ID":"1","user_login":"docs","display_name":"docs","id":"1"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/1781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/comments?post=1781"}],"version-history":[{"count":1,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/1781\/revisions"}],"predecessor-version":[{"id":1894,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/1781\/revisions\/1894"}],"wp:attachment":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/media?parent=1781"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=1781"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=1781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}