Step 27: Minor Coding Edits

Step 27: Minor Coding Edits

There are a few minor coding edits you will most likely want to make, in order for your site to run smoothly. It is worth noting that this is a completely optional step. If you're not comfortable editing the code yourself, then either skip this step, or hire a Shopify Expert to complete these for you (see my Pay Per Task page if you would like to hire me).  

Remove the "Powered by Shopify" text at the bottom of your site.

The "powered by Shopify" link at the bottom of the page can be a bit tacky if you're an established brand and already have an existing customer base. If you're a brand new business, it may be worth keeping the link to build trust with your potential clients, as Shopify powers over 500,000 online stores and is recognized as a leader in ecommerce globally. 

Click here for step by step instructions on how to remove the "powered by Shopify" text. 

Open all external links in new tab. 

By default - unless you set otherwise - links will open in the same tab as they were clicked in. This is normally not a problem, so long as you're not sending potential customers away from your site. If you're linking to an external page however, and it opens in the same tab, this will cause your customers to leave the page, and they might have a hard time getting back to your site, depending on how far they go. 

Click here for step by step instructions on how to add a safeguard for all external links to be opened in a new tab, to prevent customers from accidentally leaving your site. 

Select product variants by clicking their image.

In most online stores, products usually have more than one image. Sometimes, especially when the product options are very similar, it can be hard to figure out which option is which. For example, if you're selling a t-shirt but it comes in 3 different shades of green, it can be tricky for your customer to figure out which colour they want, if they have to pick by name alone. 

Click here for step by step instructions on how to enable selecting product variants by clicking on their image (customers will still be able to select from the drop-down variant options too). 

Need more help with this step? Check out Shopify's help docs for liquid coding help by clicking here.