{"id":509,"date":"2020-04-23T08:56:10","date_gmt":"2020-04-23T07:56:10","guid":{"rendered":"https:\/\/www.graphicz.co.uk\/blog\/?p=509"},"modified":"2020-09-28T13:06:05","modified_gmt":"2020-09-28T12:06:05","slug":"wish-list-with-sellerdeck-swift","status":"publish","type":"post","link":"https:\/\/www.graphicz.co.uk\/blog\/wish-list-with-sellerdeck-swift\/","title":{"rendered":"Wish List with Sellerdeck Swift"},"content":{"rendered":"\n<p>When Sellerdeck released the new Swift template on February 11th this year (2020) it was a major step forward in Sellerdeck Desktop website design. The release version did nowever have some limitations including the fact that the &#8216;Wish List&#8217; function did not work. <\/p>\n\n\n\n<p>Sellerdeck development have now released a workaround fix for this &#8216;wish list&#8217; issue which I reproduce here without warranty.<\/p>\n\n\n\n<h4 class=\"has-vivid-red-color has-text-color wp-block-heading\"><strong>Important<\/strong><\/h4>\n\n\n\n<p>Following Selledeck&#8217;s instructions which I have posted below will overwrite several of your layouts. If you have customised any of the following layouts please see my post at: <a href=\"https:\/\/www.graphicz.co.uk\/blog\/wish-list-with-sellerdeck-swift-if-customised-design-elements\/\">https:\/\/www.graphicz.co.uk\/blog\/wish-list-with-sellerdeck-swift-if-customised-design-elements\/ <\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li> Add To Wish List Button<\/li><li>Add to Wish List Popup<\/li><li>Customisable Product Layout<\/li><li>Javascript Footer Functions Swift<\/li><li>Regular Product Summary<\/li><li>Section Page Body<\/li><li>Swift Outer Layout<\/li><li>UXHeader Swift<\/li><li>Wish List Bulk Area RWD <\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Sellerdeck developments&#8217;s workaround<\/h4>\n\n\n\n<p> <em>The developer assigned to this issue has created a workaround to enable the operation of the wish list facility with Swift.<br><br> Close the software and open the database in Access, then open the &#8216;PageTypes&#8217; table.<br><br> Scroll down to the record ID:49 (Actinic Stylesheet) and delete the row,  then go to the &#8216;Wish List Page&#8217; record and change the ID to 49, and  close the database, see image below: &#8211;<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a class=\"fancybox\" href=\"https:\/\/www.graphicz.co.uk\/blog\/wp-content\/uploads\/2020\/04\/wish-list-redirects-fix.png\" rel='magnific' target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1011\" height=\"460\" src=\"https:\/\/www.graphicz.co.uk\/blog\/wp-content\/uploads\/2020\/04\/wish-list-redirects-fix.png\" alt=\"\" class=\"wp-image-510\" srcset=\"https:\/\/www.graphicz.co.uk\/blog\/wp-content\/uploads\/2020\/04\/wish-list-redirects-fix.png 1011w, https:\/\/www.graphicz.co.uk\/blog\/wp-content\/uploads\/2020\/04\/wish-list-redirects-fix-600x273.png 600w, https:\/\/www.graphicz.co.uk\/blog\/wp-content\/uploads\/2020\/04\/wish-list-redirects-fix-300x136.png 300w, https:\/\/www.graphicz.co.uk\/blog\/wp-content\/uploads\/2020\/04\/wish-list-redirects-fix-768x349.png 768w, https:\/\/www.graphicz.co.uk\/blog\/wp-content\/uploads\/2020\/04\/wish-list-redirects-fix-250x114.png 250w\" sizes=\"(max-width: 1011px) 100vw, 1011px\" \/><\/a><figcaption>Click image for large view&#8230;<\/figcaption><\/figure>\n\n\n\n<p><em><br> [1] Then open the software, and import the partial design snapshot here: &#8211;<br><br> [2] <a href=\"https:\/\/www.graphicz.co.uk\/Swift_v101_210420_1716_SDCS-53496.acd\">Swift_v101_210420_1716_SDCS-53496.acd<\/a><br><br> When finished, go to the &#8216;Design&#8217; tab and click on the &#8216;Current  Stylesheet&#8217; button and make the changes shown in the following text  file: &#8211;<br><br> [3] <a rel=\"noreferrer noopener\" aria-label=\"CSS-Reviews-Page-Blank-Issue.txt (opens in a new tab)\" href=\"https:\/\/www.graphicz.co.uk\/\/CSS-Reviews-Page-Blank-Issue.txt\" target=\"_blank\">Reproduced<\/a> below&#8230;<\/em><\/p>\n\n\n\n<p><em>Note: One or two entries may not exist or may be slightly different, but  if the entries do exist, then the &#8216;replace&#8217; code should be entered.<br><br> Once you have completed this upload the site and test.<\/em><br><\/p>\n\n\n\n<p>I hope this helps you, let me know how you get on: info@graphicz.co.uk &#8211; See <a href=\"https:\/\/www.graphicz.co.uk\/blog\/wish-list-with-sellerdeck-swift-if-customised-design-elements\/\">https:\/\/www.graphicz.co.uk\/blog\/wish-list-with-sellerdeck-swift-if-customised-design-elements\/<\/a> if you have customised any layouts.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>DO THESE BELOW INSTRUCTIONS IN CURRENT STYLESHEET\n****************************************************\n\nFind\n-----\n.sub-header .sub-header-links:last-child ul.d-flex li {\n\tborder-right: 1px solid #ececec;\n}\n\nreplace with\n------------\n.sub-header .sub-header-links:last-child ul.d-flex li:last-child {\n\tborder-right: 1px solid #ececec;\n}\n\nFind\n------\ninput&#91;type=checkbox] + label{\n\tpadding-left: 30px;\n}\nreplace with\n------------\ninput&#91;type=checkbox] + label{\n\tpadding-left: 30px;\n\tcursor: pointer;\n}\n\n\nFind\n------\n.imageOnLeftTextWrappedAround .add-to-cart-btn{\n\tmargin-top: 0px;\n\theight: 42px !important;\n\tfont-weight: 700;\n}\n\nreplace with\n------------\n.imageOnLeftTextWrappedAround .add-to-cart-btn, .btn.theme-primary-btn{\n\tmargin-top: 0px;\n\theight: 42px !important;\n\tfont-weight: 700;\n}\n\nAdd following\n---------------\n\nform.wishlist-row.login.auth {\n\twidth: 100% !important;\n\tmax-width: 100% !important;\n\tborder: none;\n}\n.wishlist-row .checkoutCustomers fieldset {\n\tmargin: 15px;\n\tborder: 1px solid #ececec;\n\tpadding: 15px;\n}\n.wishlist-headers, .wishlist-body {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tfont-size: 13px;\n\tpadding-bottom: 10px;\n\tmargin-top: 10px;\n\tborder-bottom: 1px solid #ececec;\n}\n.wishlist-headers {\n\tpadding-top: 10px;\n\tfont-weight: 600;\n\tbackground: aliceblue;\n}\n.wishlist-image {\n    width: 7%;\n}\n.wishlist-name {\n    width: 17%;\n}\n.wishlist-price {\n    width: 10%;\n}\n.wishlist-required {\n    width: 10%;\n    display: flex;\n}\n.wishlist-ordered {\n    width: 5%;\n    text-align: center;\n}\n.wishlist-remaining {\n    width: 5%;\n    text-align: center;\n}\n.wishlist-add {\n    width: 22%;\n    text-align: center;\n}\n.wishlist-body input&#91;type=\"submit\"] {\n\theight: 25px;\n\twidth: unset;\n\tfont-size: 10px;\n\tline-height: unset;\n\tdisplay: flex;\n\talign-items: center;\n\tmargin: 0;\n\tbackground: &lt;actinic:variable name=\"PaletteBG\" \/>;\n\tcolor: #fff;\n\tbox-shadow: none;\n\tborder: none;\n\tcursor: pointer;\n}\n.wishlist-body .wishlist-cart input&#91;type=\"submit\"] {\n\tmargin-top: 0px;\n}\n.wishlist-add .wishlist-remove input&#91;type=\"submit\"] {\n\tbackground: transparent;\n\tcolor: #333;\n\tborder: 1px solid #d6d6d6;\n}\n.wishlist-body input&#91;type=\"number\"] {\n\tborder-top: 1px solid #ced4da;\n\tborder-bottom: 1px solid #ced4da;\n\tmax-width: 50px;\n\tmin-width: 50px;\n\tborder: 1px solid #ced4da;\n\theight: 25px;\n\ttext-align: center;\n}\n.wishlist-body .quantity-box .input-group input&#91;type=\"number\"] {\n\tborder: none;\n\tborder-top: 1px solid #ced4da;\n\tborder-bottom: 1px solid #ced4da;\n\tmax-width: 40px;\n\tmin-width: 40px;\n}\n.wishlist-pair.quantity-box .wishlist-quantity, .wishlist-pair.quantity-box .wishlist-cart {\n\tjustify-content: center;\n\tdisplay: flex;\n}\n.wishlist-pair.quantity-box {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n.wishlist-pair.quantity-box .wishlist-quantity {\n    width: 90px !important;\n}\n.copy-share-sec {\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-bottom: 10px;\n}\n.copy-share-sec input {\n\twidth: 100%;\n\tborder: 2px solid &lt;actinic:variable name=\"PaletteBG\" \/>;\n\tmargin-left: 15px;\n\tpadding-left: 15px;\n\tpadding-right: 15px;\n\tmax-width: 220px;\n}\n.wishlistmodal.active {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\theight: 100%;\n\twidth: 100%;\n\tz-index: 9999;\n}\n.wishlistpop.atcpopup {\n\tposition: absolute;\n    z-index: 99999999999;\n    background: rgba(50, 51, 51, 0.62);\n    color: #fff;\n    padding: 15px;\n    display: none;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n}\n.wishlistpop-center{\n\tpadding: 65px;\n\tbackground: #fff;\n\tcolor: &lt;actinic:variable name=\"PaletteBG\" \/>;\n\tbox-shadow: 5px 7px 13px 5px rgba(32,33,36,.28);\n}\n.wishlistmodal a {\n\tcolor: &lt;actinic:variable name=\"PaletteBG\" \/>;\n}\n.wishlistpop-title {\n\tmargin-bottom: 25px;\n\tfont-weight: 600;\n\tborder: 1px dashed;\n\tpadding: 10px 15px;\n\ttext-align: center;\n}\n.copy-share-field {\n\tborder: 1px solid #ececec;\n\tposition: relative;\n\tpadding: 25px;\n}\n.copy-share-field .wishlist-share-label {\n\tposition: absolute;\n\tleft: -15px;\n\ttop: -15px;\n\tbackground: white;\n\tpadding: 0 15px;\n}\n\n@media (min-width: 768px) {\n\t.wishlist-label {\n\t\tdisplay: none;\n\t}\n}\n@media (max-width:767px) {\n\t.wishlist-body {\n\t\tflex-wrap: wrap;\n\t}\n\t.wishlist-headers {\n\t\tdisplay: none !important;\n\t}\n\t.wishlist-name, .wishlist-price {\n\t\tfont-weight: 600;\n\t\tfont-size: 110%;\n\t}\n\t.wishlist-body>* {\n\t\twidth: 100% !important;\n\t\ttext-align: left !important;\n\t\tmargin-bottom: 5px;\n\t}\n\t.wishlist-pair.quantity-box {\n\t\tjustify-content: left !important;\n\t}\n\tspan.wishlist-label {\n\t\tfont-weight: 500;\n\t\tpadding-right: 15px;\n\t}\n\t.wishlist-headers .wishlist-ordered, .wishlist-headers .wishlist-remaining, .wishlist-headers .wishlist-add {\n\t\tdisplay: none !important;\n\t}\n}\n\n\n&#91;type=\"checkbox\"]:not(:checked) + label::before {\n    content: \"\";\n    cursor: pointer;\n    position: absolute;\n    left: 0;\n    top: -2px;\n    height: 25px;\n    width: 25px;\n    font-size: 18px;\n    line-height: 35px;\n    border: 1px solid #ccc;\n    font-weight: 600;\n    background: #fff;\n}\n\n\n&#91;type=\"checkbox\"]:checked + label::before {\n    content: \"\";\n    cursor: pointer;\n    position: absolute;\n    left: 0;\n    top: -2px;\n    height: 25px;\n    width: 25px;\n    font-size: 18px;\n    line-height: 35px;\n    border: 2px solid #3b7693;\n    font-weight: 600;\n    background: #3b7693;\n}\n\n&#91;type=\"checkbox\"]:checked + label::after {\n    content: \"\\2713\";\n    cursor: pointer;\n    position: absolute;\n    left: 3px;\n    top: -6px;\n    height: 15px;\n    width: 15px;\n    font-size: 24px;\n    line-height: 35px;\n    color: #fff;\n    font-weight: 600;\n}\n\n#idBothAddressesTable label, .checkout fieldset .form-group label, .InvoiceField label, .DeliverField label, .form-group label, form.imageOnLeftTextWrappedAround label.chk-label {\n    position: relative;\n    width: 100%;\n    display: block;\n    font-size: .9rem;\n    font-weight: 400;\n    margin-top: 0;\n    margin-bottom: 8px;\n    padding-left: 2.2em;\n}<\/code><\/pre>\n\n\n\n<p>If you are using this Wish List and if you upgrade to v18.0.5 you eed to apply thhe following fix.<br><br>Open the site folder, right click on ActinicCatalog.mdb database, copy and paste so you have a back up.<br><br>Open in Access, go to the Page Types table.<br><br>Re-number the wishlist row 49 instead of 59.<br><br>The other changes (above) seem to survive the upgrade and the wish list works (<a rel=\"noreferrer noopener\" href=\"https:\/\/www.graphicz.co.uk\/sellerdeck\/store\/index.html\" target=\"_blank\">https:\/\/www.graphicz.co.uk\/sellerdeck\/store\/index.html<\/a>)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a class=\"fancybox\" href=\"https:\/\/www.graphicz.co.uk\/blog\/wp-content\/uploads\/2020\/09\/1805-wishlist-fix-585x1024.jpg\" rel='magnific'><img loading=\"lazy\" decoding=\"async\" width=\"585\" height=\"1024\" src=\"https:\/\/www.graphicz.co.uk\/blog\/wp-content\/uploads\/2020\/09\/1805-wishlist-fix-585x1024.jpg\" alt=\"\" class=\"wp-image-663\" srcset=\"https:\/\/www.graphicz.co.uk\/blog\/wp-content\/uploads\/2020\/09\/1805-wishlist-fix-585x1024.jpg 585w, https:\/\/www.graphicz.co.uk\/blog\/wp-content\/uploads\/2020\/09\/1805-wishlist-fix-343x600.jpg 343w, https:\/\/www.graphicz.co.uk\/blog\/wp-content\/uploads\/2020\/09\/1805-wishlist-fix-171x300.jpg 171w, https:\/\/www.graphicz.co.uk\/blog\/wp-content\/uploads\/2020\/09\/1805-wishlist-fix-768x1345.jpg 768w, https:\/\/www.graphicz.co.uk\/blog\/wp-content\/uploads\/2020\/09\/1805-wishlist-fix-877x1536.jpg 877w, https:\/\/www.graphicz.co.uk\/blog\/wp-content\/uploads\/2020\/09\/1805-wishlist-fix-114x200.jpg 114w, https:\/\/www.graphicz.co.uk\/blog\/wp-content\/uploads\/2020\/09\/1805-wishlist-fix-228x400.jpg 228w, https:\/\/www.graphicz.co.uk\/blog\/wp-content\/uploads\/2020\/09\/1805-wishlist-fix.jpg 1037w\" sizes=\"(max-width: 585px) 100vw, 585px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>When Sellerdeck released the new Swift template on February 11th this year (2020) it was a major step forward in Sellerdeck Desktop website design. The release version did nowever have some limitations including the fact that the &#8216;Wish List&#8217; function<span class=\"ellipsis\">&hellip;<\/span> <a href=\"https:\/\/www.graphicz.co.uk\/blog\/wish-list-with-sellerdeck-swift\/\"><\/p>\n<div class=\"read-more\"><b>Read more &#8250;<\/b><\/div>\n<p><!-- end of .read-more --><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-509","post","type-post","status-publish","format-standard","hentry","category-graphicz-articles"],"_links":{"self":[{"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/posts\/509"}],"collection":[{"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=509"}],"version-history":[{"count":13,"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/posts\/509\/revisions"}],"predecessor-version":[{"id":665,"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/posts\/509\/revisions\/665"}],"wp:attachment":[{"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=509"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=509"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}