Where can I find an put this code - Cannot find the theme.js.liquid file as stated in the descriptio

19 0 2


I want to use this script on my website but cannot find the file to edit the code. I use the DAWN theme.


From instructions:
"Insert something like this at the end of the file theme.js.liquid (visit your theme files in the Shopify admin > Online store > Themes > Live theme: Actions dropdown > Edit code > unfold the Assets folder on the left):"



 * Insert text near the Buy button on the product page.
 * E.g. "18 people are viewing this product right now."
document.addEventListener('DOMContentLoaded', function () {
	// Minimum view count
	var minViews = 2;
	// Maximum view count
	var maxViews = 20;
	// Text to show after the view count number
	var text = 'people are viewing this product right now.';

	// Create the new element to display on the page
	var $viewCountElement = document.createElement('div');
	$viewCountElement.className = 'view-count shopify-payment-button';
	$viewCountElement.innerText = Math.floor(Math.random() * (maxViews - minViews) + minViews) + ' ' + text;

	// Determine where to put the new element
	var $form = document.querySelector('.template-product .ProductForm');
	var $pickupOptions = document.querySelector('.template-product .ProductMeta__StoreAvailabilityContainer');
	if ($pickupOptions) {
		// If there's currently an element about the pickup options on the page, insert our view count element before that
		$pickupOptions.parentElement.insertBefore($viewCountElement, $pickupOptions);
	} else {
		// If there's no pickup options element on the page, just place the view count element at the end of the product form


Replies 6 (6)

Shopify Partner
5588 1261 1206

Hello @46855004463

It's GemPages support team and glad to support you today.


Dawn theme have not file theme.js.liquid It is use file global.js so you can paste it to this file


If you require any further information, feel free to contact me.


Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business

- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
19 0 2

This information I managed to google. But when I use the code in global.js nothing happens 😕

Thank you

1 0 0

This data I figured out how to research. In any case, when I utilize the code in global.js nothing occurs. sauces at popeyes

1 0 0

I think it will no have issue bcz of global.js Arby's breakfast menu

2 0 0

I managed to research and gather the required data. However, when I tried using the code from global.js, nothing happened, and I couldn't get it to work as expected. blue fish happy hour

1 0 0

If you're using the DAWN theme on your website, locating the theme.js.liquid file is crucial for implementing the script. It's a bit like finding the right material for your flooring ; in this case, the code is the foundation of your site's functionality. To edit the code effectively, follow the provided instructions to access the theme files in your Shopify admin. Once you locate the theme.js.liquid file, you can seamlessly integrate the script and enhance the functionality of your website.