YellowWebMonkey Web Design

Dev Blog

custom_SCSS_1.png

How to create a custom stylesheet in your Shopify Store

It is often necessary to add custom styling to your Shopify theme. If you add it to your theme.scss.liquid and the theme is updated you will lose all of your changes. So we create a new SCSS file to keep all the custom styles nice and safe as well as much easier to edit.   1. Create a new asset for CSS styling: custom.scss.liquid This is where we are going to put all our custom …

How to create a custom stylesheet in your Shopify Store Read More »

SitemapSmall.png

Add a Sitemap for your Shopify Customers without an App

For your e-commerce shop, a sitemap is a page which lists all of your products, collections, shop categories as well as other pages. It links them well and makes them easily available for your customers. A sitemap is usually found in the footer menu of a website.  Although Shopify provides the XML sitemap for Google, you generally have to install a paid app to have a sitemap for your customers. We code a customer sitemap …

Add a Sitemap for your Shopify Customers without an App Read More »

skt_promotion_bar-sm.jpg

Shopify Announcement/Promotion Bar with Options

Although most Shopify templates have an announcement bar, there are not very customizeable.  We built this custom section for a client because they have frequent promotions and need the colors to match the sale graphic.  We also added animation to it to draw more attention.  The result works great and is easy to install.  We have all the code snippets loaded into Gist and you can read more about it below:   Here is the …

Shopify Announcement/Promotion Bar with Options Read More »

user_website_interaction_teaser.png

Use Custom Google Tags to Track Events on Your Website

You’ve just created new content on your site: a podcast, downloadable infographic, submission form, etc., but aren’t quite sure what your site visitors view as valuable content. Google Analytics gives us some of this information by telling us what pages are popular and where visitors come from in terms of both traffic and demographics, but website owners developing marketing and content strategies need to know more about the behavior of visitors on their site and …

Use Custom Google Tags to Track Events on Your Website Read More »

breadcrumbs_error_small.png

Fix Breadcrumbs Markup on Joomla site

You may have noticed that Google Search Console recently added a New Structured Data Report for Breadcrumbs in order to allow users to evaluate whether their breadcrumb markup has been implemented correctly.   Twitter lit up with posts and pictures like this one:  {source}<blockquote class=”twitter-tweet”><p lang=”en” dir=”ltr”>Thanks Google Search Console, I think I got your point 😁🙋🏻‍♀️😅 <a href=”https://t.co/xndAFcclWy”>pic.twitter.com/xndAFcclWy</a></p>&mdash; Aleyda Solis (@aleyda) <a href=”https://twitter.com/aleyda/status/1175032969414828032?ref_src=twsrc%5Etfw”>September 20, 2019</a></blockquote> <script async src=”https://platform.twitter.com/widgets.js” charset=”utf-8″></script>{/source}   The default Joomla breadcrumbs …

Fix Breadcrumbs Markup on Joomla site Read More »

PDF-icon.png

Redirect PDF File Only When Missing

We have a client that has hundreds of training and product manuals and many have been removed over time.  That creates broken links and frustrated customers for them.  They had two folders that these resided in, /images/documents/ and /im_uploads/ We recommend creating a new page with a specific message that the resource is missing and then adding a search form and links to browse.  In the example below, we made such a page with a …

Redirect PDF File Only When Missing Read More »

modules_mijoshop_teaser.jpg

Cannot Access Modules In Mijoshop

It is seriously frustrating to install a 3rd party extension into Mijoshop, only to get the error “The page you are looking for could not be found! Please contact your administrator if the problem persists.” afterwards.  There are generally two ways to fix this: 1. Access Issue Some extensions require that you give permissions first.  Go to users->user groups->Administrators and then for both Access Permissions and Modify Perrmisions, hit Unselect All, then Select All.     …

Cannot Access Modules In Mijoshop Read More »

redirect_loop_problem_in_joomla.jpg

Redirect Loop after No Changes

We had a site that suddenly had an important menu item error out with a redirect loop.  The odd part was we made no changes directly to the item.  The main culprit for this is using the .htaccess but we hadn’t made changes to that file in months.  There was also nothing in the Redirect Manager that would affect it.  The issue ended up being that both the main menu item and another menu item …

Redirect Loop after No Changes Read More »

J3.x-Language-Code-Plugin-en-sm2.png

Prevent Joomla Multilingual Language Code within external files

If you have your website setup to be multilingual, then you probably have the System – Language Code plugin enabled.  However, this can cause issues if you want to directly link to a file or non-Joomla folder on your site.  Some examples are direct links to multimedia (images, PDF, videos), or navigating to other installations like a store or Mautic that you have in a subfolder.   Unfortunately, the solution I used is a hack of …

Prevent Joomla Multilingual Language Code within external files Read More »

Quick and Easy Tools

Quick Difference http://www.quickdiff.com/ An Online Tool to do a ‘quick and dirty’ diff of two text or code fragments   Jack of All Trades http://sortmylist.com/  This is an incredible tool that can quickly reformat any text by adding, replacing, deleting, or sorting based on specified criteria.   htaccess Functionality Tester https://htaccess.madewithlove.be/ To test your htaccess rewrite rules, simply fill in the url that you’re applying the rules to, place the contents of your htaccess on …

Quick and Easy Tools Read More »

Scroll to Top