Enabling related products

This customization only works if you have a version bigger than 2.0. If you've purchased the theme before and are still using 1.x, this would be a good time to update your website to the latest version, which includes many other amazing features!

If you've purchased our theme after the 2nd of August 2017 (v2.2.0), this feature should already be available and you can activate it while customizing the Product page (it has it's own section).

If you've bought if before and your store is full of changes that don't allow you to easily update the theme, here's a guide on how to integrate just this feature in your current store:

  1. Go to the theme editor (read this article for more info)
  2. Choose /assets/css_main.scss.liquid and at the very end of the file, paste the contents of the following file: https://pastebin.com/raw/kVKGkex1
  3. Choose /assets/js_scripts.min.js and completely replace the file with the contents of the following file: https://pastebin.com/raw/FykfHgpG
  4. Choose /sections folder and create a new file there, called product-related.liquid and paste in the contents of the following file: https://pastebin.com/raw/jsY6BYmk
  5. Choose /templates/product.liquid and at line 2 (it's an empty line), insert this piece of code: 

    {% section 'product-related' %}
  6. Save all files and now, when going in the Product page customizer, you should see your newly created Related products section, from where you can enable and configure this feature.
If you've used custom css to increase your product content's area, you need to change this in the newly pasted CSS. Look after the width values (25%, 75% and 330px), and adjust accordingly).