Saltaire Web Design https://saltairewebdesign.co.uk Bradford | Websites from £195 Tue, 13 Oct 2020 14:10:28 +0000 en-GB hourly 1 https://wordpress.org/?v=5.4.4 https://saltairewebdesign.co.uk/wp-content/uploads/2017/06/cropped-web-design-bradford-32x32.png Saltaire Web Design https://saltairewebdesign.co.uk 32 32 Custom Email Subject Placeholders Woocommerce New Order Email using Checkout Editor https://saltairewebdesign.co.uk/custom-email-subject-placeholders-woocommerce-new-order-email-using-checkout-editor/ Tue, 13 Oct 2020 14:10:28 +0000 https://saltairewebdesign.co.uk/?p=3741 I built a website with woocommerce for a local children’s football club. They sold kit and memberships. For each new order they wanted the email subject (woocommerce new order email)...

The post Custom Email Subject Placeholders Woocommerce New Order Email using Checkout Editor appeared first on Saltaire Web Design.

]]>
I built a website with woocommerce for a local children’s football club. They sold kit and memberships. For each new order they wanted the email subject (woocommerce new order email) to have the child’s first and last name, the team and a list of products they bought. We used the Woocommerce checkout editor plugin (ThemeHigh). We added lots of extra fields to the checkout page like age, child’s name, team etc. It was some of these fields we wanted to show in the subject.  I won’t explain the code as I don’t understand it but I found something online (for one new placeholder)  then asked the plugin support (ThemeHigh) and they modified it for me. Here is the result (below). If you have Woocommerce checkout editor just replace child_name, childlastname, team with your field names that you want to put in. Also add the appropriate placeholders in Woocommerce -> Settings -> Email -> New Order email.

For me I put in the subject area

{child_name} {childlastname} {team} | {product_name}

Put this below in functions.php or use a plugin or child theme. I use My custom functions.

add_filter( 'woocommerce_email_format_string' , 'filter_email_format_string', 20, 2 );
function filter_email_format_string( $string, $email ) {
    // Get the instance of the WC_Order object
    $order = $email->object;
    $products_names = array();
    // Loop through order items
    foreach( $order->get_items() as $item ) {
        $products_names[] = $item->get_name();
    };
    // Additional wanted placeholders in the array of find / relace pairs
    $additional_placeholders = array(
        '{child_name}'      => $order->get_meta('child_name'),
        '{childlastname}'   => $order->get_meta('childlastname'),
        '{team}'   => $order->get_meta('team'), // <=== HERE
        '{product_name}'	=> implode(', ', $products_names),
    );
    // return the clean string with new replacements
    return str_replace( array_keys( $additional_placeholders ), array_values( $additional_placeholders ), $string );
}

The post Custom Email Subject Placeholders Woocommerce New Order Email using Checkout Editor appeared first on Saltaire Web Design.

]]>
Roberts Park Parties & Rubbish https://saltairewebdesign.co.uk/roberts-park-parties-rubbish/ Thu, 25 Jun 2020 08:04:14 +0000 https://saltairewebdesign.co.uk/?p=3719 Just when for a little trip to Robert’s Park this morning. There was rubbish everywhere. The wardens and cricket club helpers were removing loads of bags of rubbish. If you...

The post Roberts Park Parties & Rubbish appeared first on Saltaire Web Design.

]]>
Just when for a little trip to Robert’s Park this morning. There was rubbish everywhere. The wardens and cricket club helpers were removing loads of bags of rubbish. If you are going there please be considerate.

The post Roberts Park Parties & Rubbish appeared first on Saltaire Web Design.

]]>
Add a selection of Frames around product images in Woocommerce https://saltairewebdesign.co.uk/add-a-selection-of-frames-around-product-images-in-woocommerce/ Thu, 18 Jun 2020 15:50:48 +0000 https://saltairewebdesign.co.uk/?p=3715 I recently had a client who wanted a selection of frames to be able to be seen around a print in woocommerce. See for example the result here Appletreewick 2...

The post Add a selection of Frames around product images in Woocommerce appeared first on Saltaire Web Design.

]]>
I recently had a client who wanted a selection of frames to be able to be seen around a print in woocommerce.

See for example the result here

Appletreewick 2

I suppose one way would be to create variable products for each one and then an image including the frame for each but that would have taken ages. They will need to specify what frame they want somewhere else (like on Additional info on checkout page)

I added a bit of CSS and javascript.

The CSS (just gives Frame 1 as the default background image, and padding so it can show. Also removing a border around the image.)

.woocommerce-product-gallery__wrapper {
padding: 30px 30px 10px 30px !important;
background-image:url(‘https://anitahallartist.co.uk/wp-content/uploads/2020/03/frame1.jpg’);
}
.woocommerce-product-gallery__wrapper a {
border: 0px !important;
padding: 0px !important;
}

The Javascript. Added this in a widget that appears on every single product page. Modified by something I found here
Only very slight modifications from that code. I hope to tidy it up soon. Just very excited as a non-programmer at getting this to work!

I had to modify this as there is no ID for the image or wrapper for product image. So instead of targeting an ID I changed the code to target a CSS element so changed

var idCardBg = document.getElementById(“idhere”);

to

var idCardBg = document.getElementsByClassName(‘woocommerce-product-gallery__wrapper’)[0];

The Javascript
Placed in widget for all single product images.

<b>Select Frame</b>
<select onchange=”changeBgColor();” id=”select-idcard”>
<option id=”idcard-option1″ value=”blue”>Frame 1</option>
<option id=”idcard-option2″ value=”red”>Frame 2</option>
<option id=”idcard-option3″ value=”purple”>Frame 3</option>
<option id=”idcard-option4″ value=”green”>Frame 4</option>
</select>

<script>
var changeBgColor = function(){
var idCardBg = document.getElementsByClassName(‘woocommerce-product-gallery__wrapper’)[0];
idCardBg.style.backgroundImage = “url(‘https://anitahallartist.co.uk/wp-content/uploads/2020/03/frame1.jpg’)”;
if(document.getElementById(“select-idcard”).value === “blue”){
idCardBg.style.backgroundImage = “url(‘https://anitahallartist.co.uk/wp-content/uploads/2020/03/frame1.jpg’)”;
}else if(document.getElementById(“select-idcard”).value === “red”){
idCardBg.style.backgroundImage = “url(‘https://anitahallartist.co.uk/wp-content/uploads/2020/03/frame2jpg’)”;
}else if(document.getElementById(“select-idcard”).value === “purple”){
idCardBg.style.backgroundImage = “url(‘https://anitahallartist.co.uk/wp-content/uploads/2020/03/frame3.jpg’)”;
}else if(document.getElementById(“select-idcard”).value === “green”){
idCardBg.style.backgroundImage = “url(‘https://anitahallartist.co.uk/wp-content/uploads/2020/03/frame4.jpg’)”;
}else{
idCardBg.style.backgroundImage = “url(‘https://anitahallartist.co.uk/wp-content/uploads/2020/03/frame1.jpg’)”;
}
idCardBg.style.backgroundColor = document.getElementById(“select-idcard”).value;
};
</script>

 

 

The post Add a selection of Frames around product images in Woocommerce appeared first on Saltaire Web Design.

]]>
Email Change https://saltairewebdesign.co.uk/email-change/ Sun, 03 May 2020 16:27:47 +0000 https://saltairewebdesign.co.uk/?p=3706 To remove an old email from your iPhone From a Home screen, navigate: Settings  > Passwords & Accounts.  If unavailable, navigate: Settings > Accounts & Passwords. From the ACCOUNTS section, tap an email account. Tap Delete Account (at the bottom;...

The post Email Change appeared first on Saltaire Web Design.

]]>
To remove an old email from your iPhone

  1. From a Home screen, navigate: Settings Settings Icon > Passwords & Accounts.
    Note If unavailable, navigate: Settings > Accounts & Passwords.
  2. From the ACCOUNTS section, tap an email account.
  3. Tap Delete Account (at the bottom; may require scrolling).
  4. To confirm, tap Delete from My iPhone.

 

To add the new one (For Mail 365)

Settings -> Passwords and Accounts

Choose Exchange then put in password and description

Then you will be forwarded to Microsoft. There put in the password and return.

 

The post Email Change appeared first on Saltaire Web Design.

]]>
10 Tips for Working From Home https://saltairewebdesign.co.uk/10-tips-for-working-from-home/ Mon, 06 Apr 2020 08:01:34 +0000 https://saltairewebdesign.co.uk/?p=3686 I have worked from home for the last 10 years as a web designer. I have done a little bit of other things like freelance maths proofreading for a company...

The post 10 Tips for Working From Home appeared first on Saltaire Web Design.

]]>
I have worked from home for the last 10 years as a web designer. I have done a little bit of other things like freelance maths proofreading for a company called Leckie and Leckie (now taken over by Harper Collins.) I did a PhD in Maths a while ago.

Working from home can be difficult with distractions and also limited stimulation. You have to be motivated and focused. These are things that have helped me. Bear in mind that I am living on my own so some issues may be different. If you have your family in the home with you then you may want less stimulation, not more! So a room with a quiet side may be more appropriate.

1. Use an hours tracker or Project Management App.When you are working on a particular project be focused. It can be tempting to immediately respond to each email, message etc that comes in. But if you do this you will quickly feel all over the place. A lot of work requires focused concentration and moving in several different directions will result in poorer quality work. I use HoursTracker but there are many others as well. Then I add all the different jobs I have to do then ‘Clock in’ and ‘Clock Out’ as appropriate. This keeps me focused on the job in hand and is useful for keeping track of your work, also for invoicing clients (if you are on an hourly arrangement). If you are working on a fixed price project, knowing exactly how long you took on a project is useful for quoting in the future.

2. Have a commute to work.
This is not easy at the moment with the Coronavirus Lockdown but you can at least walk up and down a path or room. It is important to have had at least a bit of exercise, to have stretched a bit. Otherwise you can feel a bit agitated later on.

3. Have a Fitbit watch or something else to keep track of your steps. If you do not have a normal walk to work routine you need to keep track of where you are at so you can proactively make up for it by walking up and down the stairs or in the garden. Hard to do in a lockdown but exercise will make you feel better and help you sleep.

4. Work near a window where people are walking by. If you are on your own, you need a bit of stimulation. Even if it is people walking by with a dog, or birds at a bird table. It helps to have some form of stimulation. Even though one of my rooms backs onto a local cricket pitch (nothing happening on it at moment), I prefer to work in a corner of my living room which is near the road so there is a bit of activity that I am at least loosely connected to.

5. Vary your location. Sometimes it helps to work in different locations to add a bit of variety. When there was no lock down I would often go to the library to work, or a coffee shop. Different types of work sometimes work best in different environments. If at home, you may or may not be able to find alternative places to work.

6. Listen to Music. You will need to vary the music depending on what sort of work you are doing. For repetitive work that needs little intense concentration you can listen to anything. For more focused work light classical music is best for me. I can’t deal with music with words when I am working on something difficult unless it is classical music with a foreign language I can’t understand.

7. Vary your work. When I started my PhD, someone encouraged us to have 3 or so different things to be working on, and to vary it. This obviously depends on what you have to deal with. But even if it’s a single project there may be different issues you need to work on. For example for a website I might want to work on – how it looks on a mobile, issues to do with page speed, contact forms. And then can work for half an hour or an hour on one issue then switch to another etc.

8. Take opportunities for sunshine and exercise. If you have a lull in work and there is some good weather take the opportunity to have some good exercise. Or do some work in the garden. Be safe though. Sometimes it can feel more productive to be stuck in front of a computer being busy. But if you are not doing something important it would be better to be off enjoying yourself. Then return later happier and fresher to work.

9. Build your skills. If you have a lull and don’t want to go out then consider building up your skills. See what experts in your field are saying about how your work will be developing in the future and what skills will be important. I sometimes use Udemy to brush up on bits and pieces.

10. Love what you do! Look into something related to your work that you really enjoy. Loving what you do is very important in your ability to excel in it. I would say the main ingredients to excelling in an area are (1) natural talent, (2) a lot of hard work and (3) loving what you do.

 

The post 10 Tips for Working From Home appeared first on Saltaire Web Design.

]]>
Stop Contact Form messages going into Junk (Gmail) https://saltairewebdesign.co.uk/stop-contact-form-messages-going-into-junk-gmail/ Mon, 24 Feb 2020 11:06:38 +0000 https://saltairewebdesign.co.uk/?p=3669 First set your contact messages to come from a certain email address -so for me it’s noreply@saltairewebdesign.co.uk though make it so that when you reply, you reply to the email...

The post Stop Contact Form messages going into Junk (Gmail) appeared first on Saltaire Web Design.

]]>
First set your contact messages to come from a certain email address -so for me it’s noreply@saltairewebdesign.co.uk though make it so that when you reply, you reply to the email given in the contact form. I use Gravityforms and this option is in Notifications.
In Gmail open the email that went into junk and then click the 3 dots on top right.
Then Filter Messages like these
Just have the from email – don’t fill in anything else then “Create filter” and then click “Always Mark it as Important”
then  Categorise as and choose “Primary”. Then “Create Filter”. That should do it. Do a test to check.
Eg below for a client

The post Stop Contact Form messages going into Junk (Gmail) appeared first on Saltaire Web Design.

]]>
I have to go feat Apprentice https://saltairewebdesign.co.uk/i-have-to-go-feat-apprentice/ Fri, 29 Nov 2019 16:06:29 +0000 https://saltairewebdesign.co.uk/?p=3639 Really liked this song. Got in my head after watching on Wednesday. Oh, I have to go…. by Naives. Link on YouTube More songs by Naives

The post I have to go feat Apprentice appeared first on Saltaire Web Design.

]]>
Really liked this song. Got in my head after watching on Wednesday. Oh, I have to go…. by Naives.

Link on YouTube

More songs by Naives

The post I have to go feat Apprentice appeared first on Saltaire Web Design.

]]>
Accept Facebook Page Admin Request https://saltairewebdesign.co.uk/accept-facebook-page-admin-request/ Sat, 09 Mar 2019 10:46:17 +0000 https://saltairewebdesign.co.uk/?p=3611 A while ago I was trying to make someone a Facebook admin and when they went to click it, it said something like invitation expired even though it was only...

The post Accept Facebook Page Admin Request appeared first on Saltaire Web Design.

]]>
A while ago I was trying to make someone a Facebook admin and when they went to click it, it said something like invitation expired even though it was only a few minutes since they had done that. In this case you can go here

https://www.facebook.com/pages/?category=invites

and accept it there.

The post Accept Facebook Page Admin Request appeared first on Saltaire Web Design.

]]>
Add Instagram to Header in Divi https://saltairewebdesign.co.uk/add-instagram-to-header-in-divi/ Wed, 13 Feb 2019 11:06:40 +0000 https://saltairewebdesign.co.uk/?p=3604 If you want to add an Instagram icon to the header, the simplest way is to replace the Google Plus icon with an Instagram icon. Simply put the link to...

The post Add Instagram to Header in Divi appeared first on Saltaire Web Design.

]]>
If you want to add an Instagram icon to the header, the simplest way is to replace the Google Plus icon with an Instagram icon. Simply put the link to your Instagram account in the Google Plus field and make sure the Google Plus field is showing. Then copy this code into your custom css

.et-social-google-plus a.icon:before {
content: “\e09a” !important;
}

That’s it! See images below.

The post Add Instagram to Header in Divi appeared first on Saltaire Web Design.

]]>
Websites for Charities in Bradford and West Yorkshire https://saltairewebdesign.co.uk/websites-for-charities-in-bradford-and-west-yorkshire/ Tue, 08 Jan 2019 15:20:26 +0000 https://saltairewebdesign.co.uk/?p=3585 The post Websites for Charities in Bradford and West Yorkshire appeared first on Saltaire Web Design.

]]>

I have quite a lot of experience building websites for local charity websites. I have built websites for local churches in Bradford (several), Bradford Festival Choral Society, Young Carer’s website based in Harrogate, a Barnardos centre in BD5 and also a Youth Initiative website in BD5. I have built a website for Bradford Court Chaplaincy Service, a local annual run event raising money for Sue Ryder and also a charity helping poor people in Pakistan.

Here are some of these below. If you help run a charity and would like a smart website at a fair price please call me on 07876 385508 or email me at mail@saltairewebdesign.co.uk.

Bradford Medical Centre Website

October 13, 2020

Website For Local Football Club

October 13, 2020

Dewsbury Charity

September 4, 2018

YAG

September 3, 2018

Charity Run Website

September 3, 2018

Bradford Chaplaincy

August 31, 2018

Local Internship Venture

May 10, 2018

Pottery Collectors Website

October 31, 2017

Local Choral Society

January 20, 2017

Local Dance Group

March 29, 2016

SCT

January 29, 2016

The post Websites for Charities in Bradford and West Yorkshire appeared first on Saltaire Web Design.

]]>