WordPress Plugin Conflict with WooCommerce Product Page -
our plugin displays red signup bar across entire site. on woo commerce pages only, signup bar going product description container shown here:
this should doing, consistent rest of site:
here code extract plugin:
/*style sheet signup plugin teresa light august 16, 2015 version 1.0 */ #main.clearfix.width-100{ padding-right:0px!important; padding-left:0px!important; } /* overall container */ signup { margin: auto; padding: auto 0px!important; font-size:80%; background: #d03925; text-align: center; display: flex; /* new, spec - opera 12.1, firefox 20+ */ display: -webkit-flex; /* new - chrome */ display: -moz-box; /* old - firefox 19- (buggy works) */ -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } /* begin flex */ .flex-container { text-align: center; display: flex; /* new, spec - opera 12.1, firefox 20+ */ display: -webkit-flex; /* new - chrome */ display: -moz-box; /* old - firefox 19- (buggy works) */ -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } /* mobil first */ .flex-container{ flex-direction: column; -webkit-box-flex-direction: column; -moz-box-flex-direction: column; -webkit-flex-direction: column; margin:0 0 5px 0; padding:15px; } /* desktops - go row screens greater 1000px */ @media screen , (min-width: 1024px) { .flex-container{ flex-direction: row; -webkit-box-flex-direction: row; -moz-box-flex-direction: row; -webkit-flex-direction: row; margin:0 10px; padding:10px 0; } } /* end flex */ h3.signup-message, .signup-message{ margin: auto; padding:0; color: #ffffff !important; font-family: 'lato', sans-serif; font-weight: 500; text-align:right; font-size:20px; line-height:30px; } #inf_field_firstname, #inf_field_email { border: 1px solid #d2d2d2; font-size: 15px; font-family: 'lato', sans-serif; color: #747474; padding: 15px 5px; width: 270px; } .ccg-button { border-width: 2px; border-style: solid; border-color:#ffffff; background: #d03925; color: #fff; font-family: 'lato', sans-serif; font-weight: 700; line-height: 20px; font-size:15px; cursor: pointer; padding: 13px 30px 13px 30px; } .ccg-button:hover, .ccg-button:focus, .ccg-button:active{ border-width:2px; border-style: solid; border-color:#d03925; color:#d03925; background: #ffffff; }<?php /* plugin name: ccg-signup description: adds eye-catching signup bar bottom of page author: teresa light author uri: https://teresalight.com plugin uri: version: 1.0 license: */ if ( ! defined( 'abspath' ) ) exit; // exit if accessed directly // register style sheet. add_action( 'wp_enqueue_scripts', 'register_plugin_styles' ); /** * register style sheet. */ function register_plugin_styles() { wp_register_style( 'ccg-signup', plugins_url( 'ccg-signup/css/signup-bar.css' ) ); wp_enqueue_style( 'ccg-signup' ); } add_filter( 'the_content', 'signup_bar' ); function signup_bar($content){ $content.=''; $content.=' <signup> <form> <div class="flex-container"> <h3 class="signup-message">get tips start, fund , grow great business:</h3> </div> <div class="flex-container"> <input id="inf_field_firstname" name="inf_field_firstname" type="text" placeholder="first name*"> </div> <div class="flex-container"> <input style="margin:10px 0;"id="inf_field_email" name="inf_field_email" type="text" placeholder="email*"> </div> <div class="flex-container"> <input class="input.flex-container ccg-button" type="submit" value="start now"> </div> </form> </signup>'; $content.=''; return $content; } // omit closing php tag avoid "headers sent" issues.a ticket submitted both themeforest , woocommerce not optimistic receiving fix either since our plugin.
any appreciated! thank you.
i have never worked woocommerce, can tell signup bar comes directly after content. looks bar gets attached content, woocommerce seems product itself.
maybe want instead hook signup bar action before contact section instead. hope makes sense!
Comments
Post a Comment