Left/Right WooCommerce Quantity Selector Arrows
The following custom CSS can be used to modify the default product quantity input field arrows.
The following custom CSS can be used to modify the default product quantity input field arrows.
This snippet will disable the default placeholder image displayed by WooCommerce whenever a product doesn't have a defined featured image.
The following snippet can be used to display the WooCommerce short product description in the product entry (below the title). If you are creating a custom card for your products this can be done by using the theme's Post Excerpt…
The default related post title heading tag is an h4 but you can easily change this to anything you want with a little code. Note: Changing the heading tag will not affect the design, only the tag itself. This change…
In order for this code to work you first need to insert a theme button element that is set to trigger your lighbox and give it a unique ID. Now you can trigger the lightbox using the URL format: mysite.com/?open=my_lighbox_item_id…
This snippet shows how you could easily display the cart_link shortcode in your mobile menu toggle area. Of course you can always just add the cart_link shortcode via Theme Panel > Custom Actions instead of using code. Also if you…
By default WordPress converts :) into a smile emoji on the frontend. The following code disables the conversion so that it will still render as plain text.
This snippet explains how you can replace the default header menu in the vertical header with a custom accordion style menu.
The jQuery easing script is loaded with the theme to provide a nicer animation for the back to scroll button or other local scroll effects on the site. However, the script can be removed and the theme will use default…
By default the Total theme displays a "Theme Settings" metabox on all core public post types which includes various settings to modify the post on independently. This meta box can be disabled completely via the Theme Panel but it can…