Wishlist

<!-- wp:paragraph -->
<p>You can add wishlist button to your posts, products, and query loops. It has a highly customizable design, support for cache plugins and header elements, the possibility to restrict from guests, and support for guest wishlists (users don't need to be registered).</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>Wishlist button example</strong></p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/wishlist {"id":"gsbp-9abb509f-b788","spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"left":[16],"top":[5],"right":[18],"bottom":[5]},"unit":["px","px","px","px"],"locked":false}},"border":{"borderRadius":{"values":{"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"unit":"px","locked":true},"style":{"all":["solid"]},"size":{"all":[1]},"color":{"all":["#0000000f"]},"styleHover":{},"sizeHover":{},"colorHover":{}},"loading":false,"hOffset":[-10,null,null,null]} /-->

<!-- wp:paragraph -->
<p>You can also disable text and counter and show only icon</p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/wishlist {"id":"gsbp-b9d28c48-e95e","spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"top":[10],"right":[10],"bottom":[10],"left":[10]},"unit":["px","px","px","px"],"locked":true}},"border":{"borderRadius":{"values":{"topLeft":50,"topRight":50,"bottomRight":50,"bottomLeft":50},"unit":"px","locked":true},"style":{"all":["solid"]},"size":{"all":[1]},"color":{"all":["#0000000f"]},"styleHover":{},"sizeHover":{},"colorHover":{}},"background":{"color":"#f0f0f0"},"iconSpacing":{"margin":{"values":{"right":[0]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"right":[0]},"unit":["px","px","px","px"],"locked":false}},"icontype":"bookmark","loading":false,"wishlistadd":"","wishlistadded":"","disableCounter":true,"hOffset":[-10,null,null,null]} /-->

<!-- wp:paragraph -->
<p>Wishlist block supports also query loops and all blocks which has post id context.</p>
<!-- /wp:paragraph -->

<!-- wp:query {"queryId":22,"query":{"perPage":9,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"displayLayout":{"type":"flex","columns":3},"align":"wide","className":"is-style-fr-brdnpaddradius"} -->
<div class="wp-block-query alignwide is-style-fr-brdnpaddradius"><!-- wp:post-template -->
<!-- wp:greenshift-blocks/container {"id":"gsbp-58435b2d-2767","inlineCssStyles":"#gspb_container-id-gsbp-58435b2d-2767.gspb_container{position: relative;flex-direction: column;box-sizing: border-box;}#gspb_container-id-gsbp-58435b2d-2767.gspb_container .gspb_container__content{margin:auto;}#gspb_container-id-gsbp-58435b2d-2767.gspb_container \u003e p:last-of-type{margin-bottom:0}body.gspb-bodyfront #gspb_container-id-gsbp-58435b2d-2767.gspb_container{position:relative;}","position":{"positionType":["relative","","",""],"positions":{"values":{}}}} -->
<div id="gspb_container-id-gsbp-58435b2d-2767" class="gspb_container gspb_container-gsbp-58435b2d-2767 wp-block-greenshift-blocks-container"><!-- wp:group {"style":{"spacing":{"blockGap":"10px","padding":{"top":"8px","right":"8px","bottom":"8px","left":"8px"}}}} -->
<div class="wp-block-group" style="padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px"><!-- wp:post-terms {"term":"category","separator":"  ","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"className":"is-style-blockpress-tags-nounder","fontSize":"xsmall"} /-->

<!-- wp:greenshift-blocks/wishlist {"id":"gsbp-06125e47-379e","inlineCssStyles":"body.gspb-bodyfront .gspb_id-gsbp-06125e47-379e{position:absolute;top:0px;right:0px;}.gspb_id-gsbp-06125e47-379e .wishiconwrap{margin-right:8px;}.gspb_id-gsbp-06125e47-379e .gsheartplus:not(.alreadywish) .wishiconactive, .gspb_id-gsbp-06125e47-379e .gsheartplus.alreadywish .wishicon{display:none}.gspb_id-gsbp-06125e47-379e .gsheartplus, .gspb_id-gsbp-06125e47-379e .wishiconwrap{display:inline-flex; align-items:center}.alreadywish .wishaddwrap, .wishaddedwrap{display:none}.alreadywish .wishaddedwrap {display: inline-block;}.gspb_id-gsbp-06125e47-379e .gsheartplus svg{fill:#7d0bff;}.gspb_id-gsbp-06125e47-379e .gsheartplus.alreadywish svg{fill:#7717e5;}.gspb_id-gsbp-06125e47-379e{display:flex; align-items:center; }.gspb_id-gsbp-06125e47-379e .wishlistcount, .gspb_id-gsbp-06125e47-379e  .gs-wish-icon-counter{position: absolute;z-index: 9;min-width: 18px;height: 18px;background: #f50000;text-align: center;padding: 0 2px;color: #fff;font: bold 12px/18px Arial;border-radius: 50%; box-sizing:border-box}.gspb_id-gsbp-06125e47-379e .wishlistcount, .gspb_id-gsbp-06125e47-379e .gs-wish-icon-counter{top:-6px;right:-7px;}.gspb_id-gsbp-06125e47-379e .gs-wishlist-wrap{position: relative;cursor:pointer; display:inline-flex; align-items:center}.gspb_id-gsbp-06125e47-379e .gs-wishlist-wrap{padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;}.gspb_id-gsbp-06125e47-379e .wishiconwrap{margin-right:0px;}.gspb_id-gsbp-06125e47-379e .gs-wishlist-wrap{border-style:solid;border-width:1px;border-color:#0000000f;border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-right-radius:50px;border-bottom-left-radius:50px;}.gspb_id-gsbp-06125e47-379e .gs-wishlist-wrap{background-color:#f0f0f0;}.gspb_id-gsbp-06125e47-379e .gsheartplus svg{width:20px;height:20px;}","position":{"positionType":["absolute","","",""],"positions":{"values":{"right":["0px"],"top":["0px"]}}},"spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"top":[10],"right":[10],"bottom":[10],"left":[10]},"unit":["px","px","px","px"],"locked":true}},"border":{"borderRadius":{"values":{"topLeft":50,"topRight":50,"bottomRight":50,"bottomLeft":50},"unit":"px","locked":true},"style":{"all":["solid"]},"size":{"all":[1]},"color":{"all":["#0000000f"]},"styleHover":{},"sizeHover":{},"colorHover":{}},"background":{"color":"#f0f0f0"},"iconSpacing":{"margin":{"values":{"right":[0]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"colorIcon":"#7d0bff","colorIconActive":"#7717e5","icontype":"bookmark","loading":false,"wishlistadd":"","wishlistadded":"","disableCounter":false,"hOffset":[-7,null,null,null],"vOffset":[-6,null,null,null]} /-->

<!-- wp:post-title {"isLink":true,"style":{"typography":{"lineHeight":"1.4"}},"fontSize":"subheading"} /-->

<!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","allowOrientation":false}} -->
<div class="wp-block-group"><!-- wp:post-author {"showAvatar":false,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"xsmall"} /-->

<!-- wp:paragraph {"fontSize":"xsmall"} -->
<p class="has-xsmall-font-size">/</p>
<!-- /wp:paragraph -->

<!-- wp:post-date {"textColor":"lightgrey","fontSize":"xsmall"} /--></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:greenshift-blocks/container -->
<!-- /wp:post-template --></div>
<!-- /wp:query -->

<!-- wp:paragraph -->
<p>You can also add wishlist counter to header with all wishlisted items of user and link to wishlist result page</p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/wishlist {"id":"gsbp-3d70e600-e265","type":"icon","loading":false,"hOffset":[-12,null,null,null]} /-->

<!-- wp:paragraph -->
<p>Wishlist result page has all information about post and share possibility. If you use wishlist with woocommerce, then, it will show also price, stock status, add to cart button</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>Wishlist result page</strong></p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/wishlist {"id":"gsbp-15ff63d0-385e","type":"list","loading":false} /-->

<!-- wp:paragraph -->
<p><strong>Custom Wishlist result pages</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>You can also make custom pages for wishlists with your custom <a href="https://greenshiftwp.com/query-builder/" data-type="post" data-id="2253">Query Builder</a>. For this, select Wishlist in Data Query types. Then, build your grid. Plugin will automatically detect wishlist items of user on frontend and show him only items from wishlist</p>
<!-- /wp:paragraph -->