Wish List with Sellerdeck Swift

Call 01323 872296


Wish List with Sellerdeck Swift

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 ‘Wish List’ function did not work.

Sellerdeck development have now released a workaround fix for this ‘wish list’ issue which I reproduce here without warranty.

Important

Following Selledeck’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: https://www.graphicz.co.uk/blog/wish-list-with-sellerdeck-swift-if-customised-design-elements/

  • Add To Wish List Button
  • Add to Wish List Popup
  • Customisable Product Layout
  • Javascript Footer Functions Swift
  • Regular Product Summary
  • Section Page Body
  • Swift Outer Layout
  • UXHeader Swift
  • Wish List Bulk Area RWD

Sellerdeck developments’s workaround

The developer assigned to this issue has created a workaround to enable the operation of the wish list facility with Swift.

Close the software and open the database in Access, then open the ‘PageTypes’ table.

Scroll down to the record ID:49 (Actinic Stylesheet) and delete the row, then go to the ‘Wish List Page’ record and change the ID to 49, and close the database, see image below: –

Click image for large view…


[1] Then open the software, and import the partial design snapshot here: –

[2] Swift_v101_210420_1716_SDCS-53496.acd

When finished, go to the ‘Design’ tab and click on the ‘Current Stylesheet’ button and make the changes shown in the following text file: –

[3] Reproduced below…

Note: One or two entries may not exist or may be slightly different, but if the entries do exist, then the ‘replace’ code should be entered.

Once you have completed this upload the site and test.

I hope this helps you, let me know how you get on: info@graphicz.co.uk – See https://www.graphicz.co.uk/blog/wish-list-with-sellerdeck-swift-if-customised-design-elements/ if you have customised any layouts.

DO THESE BELOW INSTRUCTIONS IN CURRENT STYLESHEET
****************************************************

Find
-----
.sub-header .sub-header-links:last-child ul.d-flex li {
	border-right: 1px solid #ececec;
}

replace with
------------
.sub-header .sub-header-links:last-child ul.d-flex li:last-child {
	border-right: 1px solid #ececec;
}

Find
------
input[type=checkbox] + label{
	padding-left: 30px;
}
replace with
------------
input[type=checkbox] + label{
	padding-left: 30px;
	cursor: pointer;
}


Find
------
.imageOnLeftTextWrappedAround .add-to-cart-btn{
	margin-top: 0px;
	height: 42px !important;
	font-weight: 700;
}

replace with
------------
.imageOnLeftTextWrappedAround .add-to-cart-btn, .btn.theme-primary-btn{
	margin-top: 0px;
	height: 42px !important;
	font-weight: 700;
}

Add following
---------------

form.wishlist-row.login.auth {
	width: 100% !important;
	max-width: 100% !important;
	border: none;
}
.wishlist-row .checkoutCustomers fieldset {
	margin: 15px;
	border: 1px solid #ececec;
	padding: 15px;
}
.wishlist-headers, .wishlist-body {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 13px;
	padding-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #ececec;
}
.wishlist-headers {
	padding-top: 10px;
	font-weight: 600;
	background: aliceblue;
}
.wishlist-image {
    width: 7%;
}
.wishlist-name {
    width: 17%;
}
.wishlist-price {
    width: 10%;
}
.wishlist-required {
    width: 10%;
    display: flex;
}
.wishlist-ordered {
    width: 5%;
    text-align: center;
}
.wishlist-remaining {
    width: 5%;
    text-align: center;
}
.wishlist-add {
    width: 22%;
    text-align: center;
}
.wishlist-body input[type="submit"] {
	height: 25px;
	width: unset;
	font-size: 10px;
	line-height: unset;
	display: flex;
	align-items: center;
	margin: 0;
	background: <actinic:variable name="PaletteBG" />;
	color: #fff;
	box-shadow: none;
	border: none;
	cursor: pointer;
}
.wishlist-body .wishlist-cart input[type="submit"] {
	margin-top: 0px;
}
.wishlist-add .wishlist-remove input[type="submit"] {
	background: transparent;
	color: #333;
	border: 1px solid #d6d6d6;
}
.wishlist-body input[type="number"] {
	border-top: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	max-width: 50px;
	min-width: 50px;
	border: 1px solid #ced4da;
	height: 25px;
	text-align: center;
}
.wishlist-body .quantity-box .input-group input[type="number"] {
	border: none;
	border-top: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	max-width: 40px;
	min-width: 40px;
}
.wishlist-pair.quantity-box .wishlist-quantity, .wishlist-pair.quantity-box .wishlist-cart {
	justify-content: center;
	display: flex;
}
.wishlist-pair.quantity-box {
	display: flex;
	align-items: center;
	justify-content: center;
}
.wishlist-pair.quantity-box .wishlist-quantity {
    width: 90px !important;
}
.copy-share-sec {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.copy-share-sec input {
	width: 100%;
	border: 2px solid <actinic:variable name="PaletteBG" />;
	margin-left: 15px;
	padding-left: 15px;
	padding-right: 15px;
	max-width: 220px;
}
.wishlistmodal.active {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9999;
}
.wishlistpop.atcpopup {
	position: absolute;
    z-index: 99999999999;
    background: rgba(50, 51, 51, 0.62);
    color: #fff;
    padding: 15px;
    display: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.wishlistpop-center{
	padding: 65px;
	background: #fff;
	color: <actinic:variable name="PaletteBG" />;
	box-shadow: 5px 7px 13px 5px rgba(32,33,36,.28);
}
.wishlistmodal a {
	color: <actinic:variable name="PaletteBG" />;
}
.wishlistpop-title {
	margin-bottom: 25px;
	font-weight: 600;
	border: 1px dashed;
	padding: 10px 15px;
	text-align: center;
}
.copy-share-field {
	border: 1px solid #ececec;
	position: relative;
	padding: 25px;
}
.copy-share-field .wishlist-share-label {
	position: absolute;
	left: -15px;
	top: -15px;
	background: white;
	padding: 0 15px;
}

@media (min-width: 768px) {
	.wishlist-label {
		display: none;
	}
}
@media (max-width:767px) {
	.wishlist-body {
		flex-wrap: wrap;
	}
	.wishlist-headers {
		display: none !important;
	}
	.wishlist-name, .wishlist-price {
		font-weight: 600;
		font-size: 110%;
	}
	.wishlist-body>* {
		width: 100% !important;
		text-align: left !important;
		margin-bottom: 5px;
	}
	.wishlist-pair.quantity-box {
		justify-content: left !important;
	}
	span.wishlist-label {
		font-weight: 500;
		padding-right: 15px;
	}
	.wishlist-headers .wishlist-ordered, .wishlist-headers .wishlist-remaining, .wishlist-headers .wishlist-add {
		display: none !important;
	}
}


[type="checkbox"]:not(:checked) + label::before {
    content: "";
    cursor: pointer;
    position: absolute;
    left: 0;
    top: -2px;
    height: 25px;
    width: 25px;
    font-size: 18px;
    line-height: 35px;
    border: 1px solid #ccc;
    font-weight: 600;
    background: #fff;
}


[type="checkbox"]:checked + label::before {
    content: "";
    cursor: pointer;
    position: absolute;
    left: 0;
    top: -2px;
    height: 25px;
    width: 25px;
    font-size: 18px;
    line-height: 35px;
    border: 2px solid #3b7693;
    font-weight: 600;
    background: #3b7693;
}

[type="checkbox"]:checked + label::after {
    content: "\2713";
    cursor: pointer;
    position: absolute;
    left: 3px;
    top: -6px;
    height: 15px;
    width: 15px;
    font-size: 24px;
    line-height: 35px;
    color: #fff;
    font-weight: 600;
}

#idBothAddressesTable label, .checkout fieldset .form-group label, .InvoiceField label, .DeliverField label, .form-group label, form.imageOnLeftTextWrappedAround label.chk-label {
    position: relative;
    width: 100%;
    display: block;
    font-size: .9rem;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 8px;
    padding-left: 2.2em;
}

If you are using this Wish List and if you upgrade to v18.0.5 you eed to apply thhe following fix.

Open the site folder, right click on ActinicCatalog.mdb database, copy and paste so you have a back up.

Open in Access, go to the Page Types table.

Re-number the wishlist row 49 instead of 59.

The other changes (above) seem to survive the upgrade and the wish list works (https://www.graphicz.co.uk/sellerdeck/store/index.html)


No Comments » for Wish List with Sellerdeck Swift
1 Pings/Trackbacks for "Wish List with Sellerdeck Swift"
  1. […] If you have customised versions of these layouts you can edit them to add the actual changes neccessary to implement the wish list without affecting your customisations. NB: You will still need to make the Database edit and the Stylesheet changes described at: https://www.graphicz.co.uk/blog/wish-list-with-sellerdeck-swift/ […]

Keep in touch and share

Graphicz on Social Media



01323 872296. 07836 551000.
Email:

Website by Graphicz