Image Image Image Image Image Image Image Image Image

Info Centre

PDF’s in WordPress – Embedded or Linked

February 1, 2016 | By | No Comments

Once you have the relevant plug-in set up in WordPress, it’s easy to upload a PDF and set it to open as a link or to show up embedded.

Embedded, by the way, means to ‘fix within a surrounding’. Instead of a link, it means you can see the PDF right there. You can also embed, for example, youtube or vimeo videos.

Anyhow, to get to the point. First thing you want to do is create a PDF. Make sure that it’s compressed and set for as low quality that however still looks good. The reason for this is otherwise it can take a while for PDF to load.

Once you have your PDF, log into your wordpress dashboard, navigate to ‘MEDIA’ and ‘ADD NEW’. Upload the PDF here.

upload pdf

PS: You can also upload it directly from your page or post by hitting ‘add media’.

Once you have your PDF uploaded, you can decide whether to embed it or whether to just link to it.

If you want to embed it, go into the media file and copy (and paste in a notepad file) the ‘url’ – ie the address of the pdf.

Go to your page and add this code in:

Now throw the pdf url in here

and finish it off by having this code in the end:

that closes the embed of the pdf.

copy paste

To link to a pdf is quite simple.

Once you are in a post / page, go to ‘add media’. Add your PDF by uploading it like an image (or choosing it from the media library) and ensure the ‘attachment display settings’ is set for ‘link to media file’. This will create a link to the PDF.

attachment settings

Once you have set the link, you now want the pdf to open up in a new tab. Click on the link (while still in the wordpress backend) and a little pencil icon will show up (to edit the link). Press the pencil and you will see the screen below. Check the box that says ‘open in new tab’ and save.

open in new tab

How to Set Up Percent Discount on Range if Threshold is reached in Magento (with or without Coupon Codes)

December 18, 2015 | By | No Comments

In this tutorial we will cover How to Set Up Percent Discount on Range if threshold is reached in Magento (with or without Coupon Codes). More specifically, the following exact scenario:

“10% Discount applied to Accessories, who’s total value in the shopping cart is equal to or more than €19.99 Euro, when a Coupon Code is applied.
This would be against any accessory equal to or more than 19.99, or a combination of accessories which make up the 19.99.
It would also take into consideration a cart with a mix of items, but only apply the discount to the accessories.”

Log into your Magento Dashboard. Navigate to PROMOTIONS > SHOPPING CART PRICE RULES and either hit on ‘ADD NEW RULE’ or click on an existing rule you are going to edit.

shopping-cart-price-rules-magento

  1. Give your discount rule a name you can easily identify. Only you will see this – customes won’t.
  2. Give it an additional description as needed.
  3. Set status to Active or Inactive.
  4. Apply the discount rule to relevant customer groups (hold the CTRL key on your keyboard and click on them all if you want all customer groups to benefit from the discount rule set out).
  5. Choose whether you want the discount to be applied automatically in the shopping cart or manually by customers by using a discount code.
  6. Enter the discount code in the ‘coupon code’ field.
  7. Leave ‘uses per coupon’ blank, if there is no limit.
  8. How many times can the same customer use the coupon code. Leave blank if no limit is set.
  9. Apply ‘from’ and ‘to’ date if you want to set up your discount code at a certain date and stop at a certain date.
  10. Apply priority if you are running a number of concurrent discounts. 0 is top priority, 1, 2, 3, 4, 5 etc. are lower priority.

magento-discount-on-range-if-price-threshold-is-reached

Now click on the ‘CONDITIONS’ tab on the left. Here you are able to set conditions that apply to the rule you are setting.

Choose from the dropdown choose PRODUCT SUBSELECTION.

product-sub-selection

You will now be given a choice for total amount or total quantity – choose total amount.
Change the ‘is’ dropdown next to it to ‘equals or greater than’.
Enter price of 19.99
Keep ‘all’ as is
On the next line choose ‘category’ from the dropdown.
Choose your category – accessories category in this case has an ID of 15

shopping-cart-conditions

Now to go the ACTIONS tab on the left.

Change the ‘APPLY’ dropdown to ‘PERCENT DISCOUNT FOR PRODUCT SET’.
Change ‘DISCOUNT AMOUNT’ to 10
Promo Categories – add the category ID chosen above (number 15)

shopping-cart-actions

If you want to add a ‘label’ to your discount code (shows up in the shopping cart next to the applied discount) hit the ‘label’ TAB on the left and enter the label.

This is not default Magento functionality and requires an additional extension.

Catalog and Shopping Cart Price Rules Troubleshooting Magento

December 18, 2015 | By | No Comments

You’ve got your price rule set up and you go about making sure it’s working and for a reason you can not work it it’s not working.

Here are some very common problems:

1. CATALOG PRICE RULE – You’ve saved the price rule but it’s not working. Have you applied the rule. Just saving it doesn’t put it into effect, you have to apply it.

apply-promo-rules

SHOPPING CART PRICE RULES don’t need to be applied, just make sure they are active and saved.

2. Product not in Category.

Have you chosen a category to apply a promo rule to? Make sure that all the products you are intending to apply the rule to are actually applied to the category.

This post is updated as I come across more ways can go wrong.

Custom Product Options Can’t be Selected in Magento

December 18, 2015 | By | No Comments

If your website has the custom product options module installed, SKU’s are automatically interlinked. For some websites this is not needed if stock management is not done, but if you are keeping track of stock, this is necessary.

If you have a custom option that lets you select a colour or check a box for an additional products/feature, this reflects as an SKU.

custom-option-sku-link

When the SKU is interlinked in an option, when that product option is OUT OF STOCK or DISABLED, the option still shows up but is grey’ed out so you can’t choose it.

custom-option-greyed-out

If this is the case, go to the option’s SKU and check whether the product is enabled and whether there is stock assigned to it. In this example, you’ll see that even though there is stock assigned to it, it’s marked ‘out of stock’ (bottom of the page). In this case, change the ‘out of stock’ status to ‘in stock’.

custom-options-out-of-stock

Once you’ve adjusted the stock status, you’ll see you’re now able to select the option:

select-custom-options

Was this article useful or do you have any questions? Leave a comment!

Editing Subcategory Links on Category pages

December 11, 2015 | By | No Comments

Editing Links on the category pages of subcategories is relatively straightforward – but may require some getting used to.  I have covered most of an explanation of the code and how to edit the links / titles but have also included the same text below.

To edit category box links, go to CATALOG > CATEGORIES and click on the relevant category you want to edit / add / remove a link from.

You will see a bunch of code in the ‘description’ field in the general tab.   You will notice that it’s a continuation of code that start with a ‘<!–start cat box –> and then an ‘<! end cat box>.  These simply delineate that the code within this is a box.

category-boxes-1

So for each box on the category page, this code is the make-up of it:

<!– START cat BOX –>
<div class=”catpage-box”>
<div class=”catpage-box-text”><a href=”{{store direct_url=’lasers/grade-lasers.html’}}”>Grade Laser Levels</a></div>
</div>
<!– END cat BOX –>

There are 12 boxes – so there are 12 repetitions of the above.

All boxes with no title/link look like this:

<!– START cat BOX –>
<div class=”catpage-box”>
<div class=”catpage-box-text”></div>
</div>
<!– END cat BOX –>

The line:

<a href=”{{store direct_url=’lasers/grade-lasers.html’}}”>Grade Laser Levels</a>

has been removed and this just needs to be added with the url and title adjusted.

Similarly to remove / adjust a title or url, just adjust the title or url or remove the line .

Below are step by step instructions of how to go about this.

The first thing to do before making any edits to this field is to put your cursor somewhere in the box, press CTRL and A (to mark everything), then CTRL and C (to copy everything) and the CTRL and V into a text editing program (NOT microsoft word or similar program) – a text editor is a program such as ‘notepad’ which comes with all windows computers as standard.

The reason you are copying this is because in case you make an edit and make a mistake, you always have the original code to copy back in, in case something goes wrong.

the <div> simply stands for ‘Division’ or Section.   The ‘class’ generally means that a pre-defined attribute has been added to this ‘division’.  So say whenever the ‘class’ is called for in the above code, it pulls up a box in the background.

The ‘a href={{‘ code stands for – ‘Anchor Hypertext Reference’ which in laymans terms means ‘link it to this page’.  So whenever it says ‘a href’ you are linking the referenced text or image to some other web page.

In the above case, the linked text is the title ‘Level & Survey Books’.  So all you need to do is
a. adjust the title of the new category

b. adjust the url link (ie change levels/level-survey-books.html with the new url)

One important thing is to make sure all the dots and t’s are included – including all the symbols (such as ‘ – ” and {‘s).  If they are not included or in the wrong place, then something can go wrong.  But just copy what has already been done and just adjust the title and the relative url.

If you have any questions, just let me know.

Adjusting Mega Menu in Magento

December 11, 2015 | By | No Comments

To adjust the ‘mega’ menu on the left hand side or the top menu bar of your website, go to ‘manager’ and then ’em menu manager’.

menu manager 1

You’ll see a list of menus – some of which are samples.  There are two which are relevant to you – the horizontal top menu and the vertical left menu.

The horizontal menu is generally quite static (ie it doesn’t change much over time), so you won’ t need to touch this.  However the vertical left menu is the one that can change due to new product categories being added and other being removed.

Click to edit the vertical left menu.

menu-manager-2

Here you will see the currently configured menu set-up:

menu manager 3

To edit one of the categories, click on the respective arrow (next to the plus button).  You’ll get a ‘columns layout’ box, click on the arrow again, and again on the rows layout until you have hit the the ‘text’ box.  On the text box – hit the + symbol.

Use your mouse to drag open the box even further by clicking and dragging the bottom right corner.

menu manager 4

The first thing to do before making any edits to this field is to put your cursor somewhere in the box, press CTRL and A (to mark everything), then CTRL and C (to copy everything) and the CTRL and V into a text editing program (NOT microsoft word or similar program) – a text editor is a program such as ‘notepad’ which comes with all windows computers as standard.

The reason you are copying this is because in case you make an edit and make a mistake, you always have the original code to copy back in, in case something goes wrong.

You’ll see a few sections here – one is the text in the ‘h3’ tags which is the title of the menu.  Below this is a section called ‘shop by brand’, and below that ‘shop by application’ which list the sub categories in this category.

To add brands or categories, simply ‘copy and paste’ the a line that starts with <li> and ends with </li> (li stands for Line Item).

so I’d copy this line:

<li><a href=”{{store direct_url=’levels/level-survey-books.html’}}”>Level & Survey Books</a></li>

and copy it just below it.

The ‘a href={{‘ code stands for – ‘Anchor Hypertext Reference’ which in laymans terms means ‘link it to this page’.  So whenever it says ‘a href’ you are linking the referenced text or image to some other web page.

In the above case, the linked text is the title ‘Level & Survey Books’.  So all you need to do is

a. adjust the title of the new category

b. adjust the url link (ie change levels/level-survey-books.html with the new url)

One important thing is to make sure all the dots and t’s are included – including all the symbols (such as ‘ – ” and {‘s).  If they are not included or in the wrong place, then something can go wrong.  But just copy what has already been done and just adjust the title and the relative url.

If you have any questions, just let me know.

Adding a Video to your Magento Product Page that Opens in a Lightbox

December 11, 2015 | By | No Comments

Navigate to the respective product in the CATALOG section of your website.

Hit on the ‘videos’ tab which is located near the bottom left:

product videos 1

This video player pulls youtube videos.  So go to youtube and find the video that you want to include in your website.

Click on ‘add video’ button on your website and you will see a field that asks for a ‘youtube key’.

video 2

The youtube key are the letters and numbers in the URL after the equals (=) sign like attached:

product video 3

Copy and paste that key into the youtube key area (on your website video section), hit the ‘save and continue to edit’ button and if successful, it will show up the video thumbnail of the chosen video.  If NOT successful, check to make sure that you copy pasted the whole key.

product video 4

Adding PDF file attachments to product pages in Magento

December 11, 2015 | By | No Comments

In order to add a PDF on your product page in Magento go into the respective product and navigate to the ‘file attachments’ tab on the bottom left of your screen:

file attachments 1

Once you are in the tab, hit the ‘add new row’ button which will then prompt you to namethe type of file you are uploading.  ie: product brochure, faq’s, etc.  This field is mandatory.

Make sure the radio button is set for ‘file’ instead of url (url it will pull the file from another site as necessary).

Then hit the orange button that has … on it.  This is the ‘browse’ button.

Choose the PDF you want to upload.

Then repeat this action as needed adding as many PDFs as you deem necessary.  Once you have chosen all your PDFs, hit the ‘UPLOAD FILES’ button.

Then save your work and the PDFs will show up in the front-end.

file attachments 2

ps: when creating a new product, this tab won’t show up until you have saved the initial product information.  So when adding a new product, hit ‘save and continue to edit’ button and then the ‘file attachments’ tab shows up.

Magento Product Labels

December 11, 2015 | By | No Comments

To add product labels (for warranty etc) to products, go to PRODUCT LABELS > MANAGE PRODUCT LABELS, that is now showing for you in the main menu of the site back-end.

You will then see this screen:

product labels 1

Click on the relevant product label (in this case it’s product warranty labels).  Say the 3 year warranty label.

You will now see this screen:

product labels 2

What you need to worry about only is the ‘conditions’ box at the bottom.  This is where you assign labels to products / remove labels from product.

In the below screenshot is an expansion of the ‘conditions’ box and explanation of how to use this.

product labels 3

You’ll notice the line ‘SKU is one of…. and then a box with a few sku’s in it.  This defines what sku’s to assign that label to.   If you don’t have a list of sku’s handy, to help find the exact product sku you can click on the box I’ve added an arrow to and it opens up a listing of all the products.  Simply search for the product, check them off and then hit the green check mark.  Then press ‘save’ at the top right of the page.

And that’s it