Hi imageform!

Thank you for using Enfold.

Did you add the onclick attribute inside the custom css class field? Please remove that then replace it with a unique class attribute. For example, in the Steam button, use “steam-button”. The onclick attribute can be added via jquery. Add this in the functions.php file:

function ava_custom_script() {
?>
	<script type="text/javascript">
	(function($) {
		// steam button onclick attribute
		$(".steam-button a").attr("onclick", "ga('send', 'event', 'category', 'action', 'opt_label', opt_value, {'nonInteraction': 1})");

		// another button onclick attribute
		$(".another-button a").attr("onclick", "ga('send', 'event', 'category', 'action', 'opt_label', opt_value, {'nonInteraction': 1})");
	})(jQuery);
	</script>
<?php
}
add_action('wp_footer', 'ava_custom_script');

Adjust the events parameters.

// https://kriesi.at/support/topic/google-analytics-event-tracking-2/
// https://support.google.com/analytics/answer/6164470?hl=en
// https://developers.google.com/analytics/devguides/collection/upgrade/reference/gajs-analyticsjs#snippet

Regards,
Ismael

Hi,

Great, glad you got it working and thanks for letting us know :-)

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi!

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi!

We updated the css code above. Please try it again then edit the following css code:

.page-id-140 .menu-dots-container {
    position: fixed;
    max-width: 0px;
    height: auto!important;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
}

.. replace it with:

.page-id-140 .menu-dots-container {
    position: fixed;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
}

Cheers!
Ismael

Hi!

This code:

.amount:after {
content: ‘(To view wholesale prices, login to your wholesale account)’;
font-style:italic;
font-weight:bold;
color: #A99055;
font-size:14px!important;
position: relative;
left: -45px;
top: 18px;
}

Replace it with:

.template-shop .amount:after {
content: '(To view wholesale prices, login to your wholesale account)';
font-style:italic;
font-weight:bold;
color: #A99055;
font-size:14px!important;
position: relative;
left: -45px;
top: 18px;
}

Best regards,
Ismael

Hi!

Thank you for the info. Please add the following css code at the very bottom of the Quick CSS field:

#top div .products.list .product .woocommerce-LoopProduct-link {
    width: 33%;
    float: left;
}

#top div .products.list .product .thumbnail_container img {
    width: 100%;
}

#top .products.list .product h3 {
    width: 100%;
    float: none;
    margin: 10px 0;
}

#top div .products.list .inner_product_header {
    border-top: none;
}

#top div .products.list .inner_product_header .avia-arrow { 
   display: none; 
}

It will look like the screenshot afterwards:

View post on imgur.com

Regards,
Ismael

Hey!

Sorry for the late reply!

Please refer to this post – https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439 :)

Cheers!
Yigit

Hi,

Sorry for the late reply!

Please refer to this post – http://kriesi.at/documentation/enfold/display-footer-menu-scroll-to-top-button-on-mobile/

Best regards,
Yigit