{"id":18990,"date":"2020-06-02T07:08:50","date_gmt":"2020-06-02T07:08:50","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=18990"},"modified":"2023-07-28T13:36:55","modified_gmt":"2023-07-28T13:36:55","slug":"jetengine-data-stores-module-overview","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-data-stores-module-overview\/","title":{"rendered":"How to Create Favorites Page Using Data Stores Module"},"content":{"rendered":"\n<p>The pages like \u201cFavorites\u201d or \u201cWishlist\u201d can sufficiently improve the user experience on your website. While surfing through the site, users can add items to a separate store and come back to them anytime. When there\u2019s no need to seek the objects you previously liked again, it makes the life of visitors easier and their impressions of the website better. The <em>JetEngine<\/em> Data Stores module gives you all the necessary tools to create a convenient and good-looking Wishlist and even show users how many times every item was liked by the others.<\/p>\n\n\n\n<p>For this tutorial, you need to create two WordPress pages: the first one will contain the listing with all items that users can observe and add to the favorite page by clicking the \u201c<strong>Add to Favorite<\/strong>\u201d button; the second one will be the \u201cFavorite\u201d page where users can observe the favorite items and remove them from the list.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creating-a-data-store\">Creating a Data Store<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Go to the admin control panel, proceed to <strong><em>JetEngine &gt; JetEngine &gt; Data Stores<\/em><\/strong>, and click the \u201c<strong>New Store<\/strong>\u201d button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/06\/favorites-data-store-1.png\" alt=\"data store settings\">\n\n\n\n<p>Let\u2019s take a closer look at the features of a store:<\/p>\n\n\n\n<ul>\n<li><strong>Name<\/strong>. Type in the title of your Data Store here. It will be shown publicly when you create a page for it.<\/li>\n\n\n\n<li><strong>Slug<\/strong>. This is the inner name of the store that can be used by other modules. Don\u2019t use spaces or other specialized characters there \u2013 only letters, dash, and underscore symbols.<\/li>\n\n\n\n<li><strong>Store type<\/strong>. Here you can choose where the data saved by the user will be stored.\n<ul>\n<li><strong>Cookies <\/strong>\u2013 the data is stored as cookies and will disappear after clearing the cash data.<\/li>\n\n\n\n<li><strong>Session <\/strong>\u2013 the data will be stored only until the user ends the session on the server.<\/li>\n\n\n\n<li><strong>User Metadata<\/strong> \u2013 the information will be stored in the user&#8217;s metadata. This option is available only to authorized users because they have the option to save metadata on your website.<\/li>\n\n\n\n<li><strong>Local Storage<\/strong> \u2013 the data will be stored in the user\u2019s local browser.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Max size<\/strong>. This option allows you to define how many items the user could store. If the user saves too many items, it could affect the loading speed. On the other hand, if the number is too small, it could annoy the user. If you set &#8220;0&#8221; in this field, it allows users to store an unlimited number of items;<\/li>\n\n\n\n<li><strong>Count items<\/strong>. If you enable this function, the data store will count how many times each of the items were added to the store. For the details of this feature usage, see below;<\/li>\n\n\n\n<li><strong>Is users store<\/strong>. If you want the users to able to save other user&#8217;s accounts in this store &#8211; enable this toggle;<\/li>\n\n\n\n<li><strong>Store item on view<\/strong>. When this toggle is enabled, the posts fall into the store after the user visits them. This function is used to create <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-how-to-create-recently-viewed-section-using-data-stores-module\/\" target=\"_blank\" rel=\"noreferrer noopener\">&#8220;Recently Viewed&#8221; sections<\/a>. Also, be aware when this option is enabled and you set a definite number in the <strong>Max size <\/strong>field, it works in that way: when a user adds a new item and the store has exceeded the limit, the first item will be deleted, and a new one will be saved instead of it;<\/li>\n\n\n\n<li><strong>Is Custom Content Type store<\/strong>. Enable this toggle if you create a store for the Custom Content Type items.<\/li>\n<\/ul>\n\n\n\n<p>When you are done with creating the store, hit the \u201c<strong>Save<\/strong>\u201d button.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creating-the-add-to-favorites-button\">Creating the \u201cAdd to Favorites\u201d Button<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>It doesn\u2019t matter how you show the items to the users. Be it a static gallery or a dynamically changed listing grid, you can add the \u201c<strong>Add to Favorites<\/strong>\u201d button with the help of the <strong>Dynamic Link<\/strong> widget (Elementor) or block (Gutenberg).<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">You can also use <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-data-store-button-widget-overview\/\"><strong> Data Store Button<\/strong><\/a> widget instead of the <strong>Dynamic Link<\/strong>.<\/p><\/div><\/div>\n\n\n\n<p>Let\u2019s assume you used a listing grid.<\/p>\n\n\n\n<p>Go to the <strong><em>JetEngine &gt; Listings<\/em><\/strong> and choose the one where you\u2019d like to add the \u201c<strong>Add to Favorites<\/strong>\u201d button. If you have created it with the help of Elementor, proceed to edit it with Elementor. Find the <strong>Dynamic Link<\/strong> widget and drop it to the page. We have a comprehensive overview of the <strong><a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-dynamic-link-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">Dynamic Link<\/a> <\/strong>widget, so check it if you haven\u2019t faced this widget yet. However, for the \u201c<strong>Add to Favorites<\/strong>\u201d button, you will need a specific type of dynamic link.&nbsp;<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/06\/add-to-store-dynamic-link.png\" alt=\"Add to Store dynamic tag\">\n\n\n\n<p>Let\u2019s take a look at its features.<\/p>\n\n\n\n<ul>\n<li>In the <strong>Source <\/strong>drop-down list, choose the <strong>Add to store<\/strong> option. This type of link will automatically add the item you\u2019ve chosen to the Favorites page.<\/li>\n\n\n\n<li><strong>Select store<\/strong>. If you\u2019ve created several Data Stores, you can choose the one you need here.<\/li>\n\n\n\n<li><strong>Added to store text<\/strong>. This is the text the user will see after clicking the <strong>\u201cAdd to Favorites\u201d<\/strong> button.<\/li>\n\n\n\n<li><strong>Added to store URL<\/strong>. Copy the URL of the newly created Favorites page and insert it into this tab. It will be convenient for the user to have a quick link to the Favorites page right from the item they just added there.<\/li>\n\n\n\n<li><strong>Added to store icon<\/strong>. This icon will be placed near the <strong>Added to store text<\/strong> value. You can either choose the ready-made icon from the Icon Library or upload your own SVG file.<\/li>\n<\/ul>\n\n\n\n<p>If you created the Listing template via Gutenberg Editor, open it in the WP editing window. Press the &#8220;<strong>Add Block<\/strong>&#8221; button and find the <strong>Dynamic Link<\/strong> block. Click on it to add it to the Listing. Type the slug of the data store into the <strong>Set store slug<\/strong> bar. If you want the link to lead the user to the Favorites page, you can type the label of the link to the <strong>Added to store link text<\/strong> and the URL to <strong>Added to store link URL<\/strong>. In that case, after the user clicks on the &#8220;<strong>Add to favorites<\/strong>&#8221; button, the link will transform to be able to take the user to the data store page.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/06\/add-to-store-dynamic-link-1.png\" alt=\"add to store dynamic link\">\n\n\n\n<p>Afterward, type in the <strong>Label <\/strong>of the link (in this case, it is \u201cAdd to Favorites\u201d) and choose the icon. Do the necessary styling in the <strong>Style <\/strong>of <strong>Block Style<\/strong> (available in the Gutenberg Editor if you installed the <a href=\"https:\/\/wordpress.org\/plugins\/jet-style-manager\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetStyleManager<\/em><\/a> plugin) tab and hit the \u201c<strong>Update<\/strong>\u201d button at the bottom of the customization menu.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/06\/adding-to-favorites.png\" alt=\"adding to favorites\">\n\n\n\n<p>After adding a few items to the Favorites, you can go to the page and check if the chosen items are already there. Now, you would probably like to give users an option to remove the items from the Favorites page.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creating-the-remove-from-favorite-button\">Creating the \u201cRemove from Favorite\u201d Button<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>This is why it is better to create a separate listing for the Favorites page. This way, you can add the \u201c<strong>Remove from Favorite<\/strong>\u201d button only for the items that are already added to Favorites.<\/p>\n\n\n\n<p>Go to the Listing you\u2019ve created and proceed to edit it. Find the <strong>Dynamic Link<\/strong> widget\/block and add it to the work area.<\/p>\n\n\n\n<p>The settings are pretty much standard for the Dynamic Link. You just have to choose the <strong>Remove from store<\/strong> option in the <strong>Source <\/strong>row and set the <strong>Label <\/strong>(in this case, it will be \u201cRemove from Favorite\u201d). Elementor view:<br><\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/06\/remove-from-store-dynamic-link.png\" alt=\"Remove from store dynamic tag\">\n\n\n\n<p>Gutenberg view:<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/06\/remove-from-store-dynamic-link-1.png\" alt=\"remove from store dynamic link\">\n\n\n\n<p>After some appearance customization in the <strong>Style <\/strong>(Elementor) or <strong>Block Style <\/strong>(Gutenberg) tab and click the \u201c<strong>Update<\/strong>\u201d button. Here\u2019s how it will look on the front end:<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/06\/remove-example.png\" alt=\"remove from favorite button\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creating-a-posts-query-via-jetengine-query-builder\"><strong>Creating a Posts Query via JetEngine Query Builder<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Proceed to <strong><em>JetEngine &gt; Query Builder<\/em><\/strong> and press the <strong>\u201cAdd New\u201d<\/strong> button. Give your new query a <strong>Name<\/strong> and choose the \u201cPosts Query\u201d <strong>Query Type <\/strong>in the <strong>General Settings <\/strong>section.<\/p>\n\n\n\n<p>If you want to learn more about the <strong>Query Builder <\/strong>feature, go to the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-query-builder-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Query Builder Overview<\/strong><\/a>. Also, you can read the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-query-builder-posts-query-type\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Query Builder Posts Query Type<\/strong><\/a><strong> <\/strong>overview.<\/p>\n\n\n\n<p>In the <strong>General<\/strong> tab of the <strong>Posts Query <\/strong>section, select the name of the <strong>Posts Type <\/strong>for which the data store was created.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/posts-query-for-the-data-store-2-1024x603.png\" alt=\"posts query for the data store\">\n\n\n\n<p>Open the <strong>Post &amp; Page <\/strong>tab and hit the <strong>coin-stack-shaped<\/strong> button near the <strong>Post In <\/strong>field. Select the \u201cGet store\u201d macro from the drop-down menu, pick the needed <strong>Store<\/strong>, and push the <strong>\u201cApply\u201d <\/strong>button. Then, click the <strong>\u201cAdd\/Update Query\u201d <\/strong>button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/get-store-macros-2-1024x602.png\" alt=\"get store macros\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"building-the-page-for-the-data-store\"><strong>Building the Page for the Data Store<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Proceed to the \u201cFavorite\u201d page with the <strong>Listing Grid <\/strong>widget here.<\/p>\n\n\n\n<p>The next step is opening the <strong>Custom Query<\/strong> tab. Enable the <strong>Use Custom Query<\/strong> toggle and choose the name of the created post query for the Data Store in the <strong>Custom Query<\/strong> selector.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/06\/custom-query-for-listing-grid-1024x605.png\" alt=\"custom query for listing grid\">\n\n\n\n<p>As I haven\u2019t added any items to the store yet, it shows the message: \u201cNo data was found.\u201d This message will also be shown on the front end, so let\u2019s hide it.<\/p>\n\n\n\n<p>Move to the <strong>Widget Visibility <\/strong>tab of the <strong>Listing Grid<\/strong> and set the <strong>Hide widget if <\/strong>\u201cQuery is empty\u201d option. So, the listing will be hidden if the user hasn\u2019t added any item to the favorite page.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/06\/listing-grid-widget-visibility-1024x602.png\" alt=\"listing grid widget visibility\">\n\n\n\n<p>After you finish customizing and stylizing the \u201cFavorite\u201d page, push the <strong>\u201cUpdate\u201d<\/strong> button.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adding-the-item-counter\">Adding the Item Counter<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>With the help of Dynamic Tags and JetEngine functionalities, you can add an item counter to your Favorites page. It will automatically show how many objects the user added to the Favorites. This functionality can be used in the Elementor page builder only.<\/p>\n\n\n\n<p>Go to the dashboard, find the Favorites page, and choose to edit it with Elementor. Pick up the <strong>Heading <\/strong>widget and drop it over to the Listing Grid. Instead of typing in the <strong>Title<\/strong>, click the <strong>Dynamic Tags<\/strong> button in the upper right corner of the text area. Choose the <strong>Data Stores: Store Count<\/strong> option.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/06\/count-settings.png\" alt=\"Store count dynamic tag\">\n\n\n\n<p>The drop-down menu has two sections \u2013 <strong>Settings <\/strong>and <strong>Advanced<\/strong>. In the <strong>Settings <\/strong>section, there is only one feature \u2013 <strong>Store<\/strong>. You can set the Data Store here (the counter will work only if you choose to turn on the <strong>Count post<\/strong> option of that Data Store).<\/p>\n\n\n\n<p>In the <strong>Advanced <\/strong>section, you type in the text that will be shown <strong>Before <\/strong>and <strong>After <\/strong>the counter. Also, you can write what to show to the user if there are no items in the store \u2013 it is the value of the <strong>Fallback <\/strong>bar.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/06\/count-settings-2.png\" alt=\"Store count dynamic tag\">\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">To create a gap between the text and the counter, use an additional spacer.<\/p><\/div><\/div>\n\n\n\n<p>After you finish customization, hit the \u201c<strong>Update<\/strong>\u201d button. Here\u2019s how it looks on the front end:<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/06\/favorites-example.png\" alt=\"favorites page\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-the-likes-counter\">Add the \u201cLikes\u201d Counter<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Besides showing the counter of the item number in the store, you can also show the counter of how many times a certain item was added to the user stores. It is possible to place this data on the Single Page or the items grid. You will be able to do it only in the Elementor page builder, it is not available in Gutenberg. Let\u2019s assume you would like to show it in the grid.<\/p>\n\n\n\n<p>Go to the listing you are showing in the grid and choose to edit it with Elementor. Pick the <strong>Heading <\/strong>widget and drop it into the listing. As for the item counter, instead of typing in the <strong>Title<\/strong>, click the <strong>Dynamic Tags<\/strong> button, and choose the <strong>Data Stores: Post Count<\/strong> option.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/06\/post-count-settings.png\" alt=\"Post count dynamic tag\">\n\n\n\n<p>The tag settings are the same as for the item counter. The only difference is the <strong>Specific post ID<\/strong> feature. If you place an ID of a single item there, the counter will show how many times that specific post was added to the Data Store.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/06\/post-count-settings-2.png\" alt=\"Post count dynamic tag\">\n\n\n\n<p>Here\u2019s how it will look like in the front:<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/06\/post-count-example.png\" alt=\"single page example\">\n<\/div><\/div>\n\n\n\n<p>Voila, now you have an excellent Favorites page. You can also create Wishlists or any other data stores you need in the same way. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>The pages like \u201cFavorites\u201d or \u201cWishlist\u201d can sufficiently improve the user experience on your website. While surfing through the site, users can add items to a separate store and come back to them anytime. When there\u2019s no need to seek the objects you previously liked again, it makes the life of visitors easier and their [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[404],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create Favorites Page Using Data Stores Module \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to create the Favorite Page where users can store the favorite items using the Data Store feature of the JetEngine WordPress plugin.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-data-stores-module-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Favorites Page Using Data Stores Module \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to create the Favorite Page where users can store the favorite items using the Data Store feature of the JetEngine WordPress plugin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-data-stores-module-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-28T13:36:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/06\/favorites-data-store-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-data-stores-module-overview\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-data-stores-module-overview\/\",\"name\":\"How to Create Favorites Page Using Data Stores Module \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2020-06-02T07:08:50+00:00\",\"dateModified\":\"2023-07-28T13:36:55+00:00\",\"description\":\"Learn how to create the Favorite Page where users can store the favorite items using the Data Store feature of the JetEngine WordPress plugin.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-data-stores-module-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-data-stores-module-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-data-stores-module-overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create Favorites Page Using Data Stores Module\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create Favorites Page Using Data Stores Module \u2014 JetEngine | Crocoblock","description":"Learn how to create the Favorite Page where users can store the favorite items using the Data Store feature of the JetEngine WordPress plugin.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-data-stores-module-overview\/","og_locale":"en_US","og_type":"article","og_title":"How to Create Favorites Page Using Data Stores Module \u2014 JetEngine | Crocoblock","og_description":"Learn how to create the Favorite Page where users can store the favorite items using the Data Store feature of the JetEngine WordPress plugin.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-data-stores-module-overview\/","og_site_name":"Help Center","article_modified_time":"2023-07-28T13:36:55+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/06\/favorites-data-store-1.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-data-stores-module-overview\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-data-stores-module-overview\/","name":"How to Create Favorites Page Using Data Stores Module \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2020-06-02T07:08:50+00:00","dateModified":"2023-07-28T13:36:55+00:00","description":"Learn how to create the Favorite Page where users can store the favorite items using the Data Store feature of the JetEngine WordPress plugin.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-data-stores-module-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-data-stores-module-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-data-stores-module-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Create Favorites Page Using Data Stores Module"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/18990"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=18990"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=18990"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=18990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}