Editing "Email Customer Care", "Shipping Information", etc. on checkout page

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 30 replies, 3 voices, and was last updated 8 years by Mohammad – SUPPORT.

Viewing 15 posts - 1 through 15 (of 31 total)

1 2 3 →

Back to forum

Posted in: Neighborhood
November 18, 2015 at 11:21 am #229589
stoukan
Member

Post count: 75
Hi Swift Ideas,

I earlier asked if it was possible to change the wording of the links at the top of the checkout page, and the forum told me to add the code shown below. This worked, but I’ve noticed that this jams the links in the navigation, so that you can’t click on them (“Home”, “About”, etc.). Any help would be extremely appreciated 🙂

Thanks for your patience,
Sarah

—-

<?php

add_filter(‘woocommerce_get_availability’, ‘availability_filter_func’);
function availability_filter_func($availability) {
$availability[‘availability’] = str_ireplace(‘Out of stock’, ‘Coming soon’, $availability[‘availability’]);
return $availability;
}

/*
*
* Neighborhood Functions – Child Theme
* ————————————————
* These functions will override the parent theme
* functions. We have provided some examples below.
*
*
*/

/* LOAD PARENT THEME STYLES
================================================== */
function neighborhood_child_enqueue_styles() {
wp_enqueue_style( ‘neighborhood-parent-style’, get_template_directory_uri() . ‘/style.css’ );

}
add_action( ‘wp_enqueue_scripts’, ‘neighborhood_child_enqueue_styles’ );

/* NEW THEME OPTIONS SECTION
================================================== */
// function new_section($sections) {
// //$sections = array();
// $sections[] = array(
// ‘title’ => __(‘A Section added by hook’, ‘swift-framework-admin’),
// ‘desc’ => __(‘<p class=”description”>This is a section created by adding a filter to the sections array. Can be used by child themes to add/remove sections from the options.</p>’, ‘swift-framework-admin’),
// // Redux ships with the glyphicons free icon pack, included in the options folder.
// // Feel free to use them, add your own icons, or leave this blank for the default.
// ‘icon’ => trailingslashit(get_template_directory_uri()) . ‘options/img/icons/glyphicons_062_attach.png’,
// // Leave this as a blank section, no options just some intro text set above.
// ‘fields’ => array()
// );

// return $sections;
// }
// add_filter(‘redux-opts-sections-sf_neighborhood_options’, ‘new_section’);

function sf_woo_help_bar() {
$options = get_option(‘sf_neighborhood_options’);
$help_bar_text = __($options[‘help_bar_text’], ‘swiftframework’);
$email_modal = __($options[’email_modal’], ‘swiftframework’);
$shipping_modal = __($options[‘shipping_modal’], ‘swiftframework’);
$returns_modal = __($options[‘returns_modal’], ‘swiftframework’);
$faqs_modal = __($options[‘faqs_modal’], ‘swiftframework’);
?>
<div class=”help-bar clearfix”>
<span><?php echo do_shortcode($help_bar_text); ?></span>
</div>

<div id=”email-form” class=”modal fade” tabindex=”-1″ role=”dialog” aria-labelledby=”email-form-modal” aria-hidden=”true”>
<div class=”modal-dialog”>
<div class=”modal-content”>
<div class=”modal-header”>
<button type=”button” class=”close” data-dismiss=”modal” aria-hidden=”true”><i class=”ss-delete”></i></button>
<h3 id=”email-form-modal”><?php _e(“Email customer care”, “swiftframework”); ?></h3>
</div>
<div class=”modal-body”>
<?php echo do_shortcode($options[’email_modal’]); ?>
</div>
</div>
</div>
</div>

<div id=”shipping-information” class=”modal fade” tabindex=”-1″ role=”dialog” aria-labelledby=”shipping-modal” aria-hidden=”true”>
<div class=”modal-dialog”>
<div class=”modal-content”>
<div class=”modal-header”>
<button type=”button” class=”close” data-dismiss=”modal” aria-hidden=”true”><i class=”ss-delete”></i></button>
<h3 id=”shipping-modal”><?php _e(“Shipping information”, “swiftframework”); ?></h3>
</div>
<div class=”modal-body”>
<?php echo do_shortcode($options[‘shipping_modal’]); ?>
</div>
</div>
</div>
</div>

<div id=”returns-exchange” class=”modal fade” tabindex=”-1″ role=”dialog” aria-labelledby=”returns-modal” aria-hidden=”true”>
<div class=”modal-dialog”>
<div class=”modal-content”>
<div class=”modal-header”>
<button type=”button” class=”close” data-dismiss=”modal” aria-hidden=”true”><i class=”ss-delete”></i></button>
<h3 id=”returns-modal”><?php _e(“Returns & exchange”, “swiftframework”); ?></h3>
</div>
<div class=”modal-body”>
<?php echo do_shortcode($options[‘returns_modal’]); ?>
</div>
</div>
</div>
</div>

<div id=”faqs” class=”modal fade” tabindex=”-1″ role=”dialog” aria-labelledby=”faqs-modal” aria-hidden=”true”>
<div class=”modal-dialog”>
<div class=”modal-content”>
<div class=”modal-header”>
<button type=”button” class=”close” data-dismiss=”modal” aria-hidden=”true”><i class=”ss-delete”></i></button>
<h3 id=”faqs-modal”><?php _e(“F.A.Q.’s”, “swiftframework”); ?></h3>
</div>
<div class=”modal-body”>
<?php echo do_shortcode($options[‘faqs_modal’]); ?>
</div>
</div>
</div>
</div>

<?php }
?>
November 18, 2015 at 11:38 am #229596

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
I am not able to view your website. Just need a password.
Thanks
Mohammad

November 18, 2015 at 12:16 pm #229610

stoukan
Member

Post count: 75

This reply has been marked as private.

November 18, 2015 at 1:40 pm #229625

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
Please insert the code again.
Thanks
Mohammad

November 18, 2015 at 2:05 pm #229632
stoukan
Member

Post count: 75
Hi Mohammad,

Please take a look here, I just put it up. And sorry, the code is slightly different than what I posted above. It’s the code shown below

function sf_woo_help_bar() {
$options = get_option(‘sf_neighborhood_options’);
$help_bar_text = __($options[‘help_bar_text’], ‘swiftframework’);
$email_modal = __($options[’email_modal’], ‘swiftframework’);
$shipping_modal = __($options[‘shipping_modal’], ‘swiftframework’);
$returns_modal = __($options[‘returns_modal’], ‘swiftframework’);
$faqs_modal = __($options[‘faqs_modal’], ‘swiftframework’);
?>
<div class=”help-bar clearfix”>
<span><?php echo do_shortcode($help_bar_text); ?></span>
</div>

<div id=”email-form” class=”modal fade” tabindex=”-1″ role=”dialog” aria-labelledby=”email-form-modal” aria-hidden=”true”>
<div class=”modal-dialog”>
<div class=”modal-content”>
<div class=”modal-header”>
<button type=”button” class=”close” data-dismiss=”modal” aria-hidden=”true”><i class=”ss-delete”></i></button>
<h3 id=”email-form-modal”><?php _e(“Email customer care”, “swiftframework”); ?></h3>
</div>
<div class=”modal-body”>
<?php echo do_shortcode($options[’email_modal’]); ?>
</div>
</div>
</div>
</div>

<div id=”shipping-information” class=”modal fade” tabindex=”-1″ role=”dialog” aria-labelledby=”shipping-modal” aria-hidden=”true”>
<div class=”modal-dialog”>
<div class=”modal-content”>
<div class=”modal-header”>
<button type=”button” class=”close” data-dismiss=”modal” aria-hidden=”true”><i class=”ss-delete”></i></button>
<h3 id=”shipping-modal”><?php _e(“Shipping information”, “swiftframework”); ?></h3>
</div>
<div class=”modal-body”>
<?php echo do_shortcode($options[‘shipping_modal’]); ?>
</div>
</div>
</div>
</div>

<div id=”returns-exchange” class=”modal fade” tabindex=”-1″ role=”dialog” aria-labelledby=”returns-modal” aria-hidden=”true”>
<div class=”modal-dialog”>
<div class=”modal-content”>
<div class=”modal-header”>
<button type=”button” class=”close” data-dismiss=”modal” aria-hidden=”true”><i class=”ss-delete”></i></button>
<h3 id=”returns-modal”><?php _e(“Returns & exchange”, “swiftframework”); ?></h3>
</div>
<div class=”modal-body”>
<?php echo do_shortcode($options[‘returns_modal’]); ?>
</div>
</div>
</div>
</div>

<div id=”faqs” class=”modal fade” tabindex=”-1″ role=”dialog” aria-labelledby=”faqs-modal” aria-hidden=”true”>
<div class=”modal-dialog”>
<div class=”modal-content”>
<div class=”modal-header”>
<button type=”button” class=”close” data-dismiss=”modal” aria-hidden=”true”><i class=”ss-delete”></i></button>
<h3 id=”faqs-modal”><?php _e(“F.A.Q.’s”, “swiftframework”); ?></h3>
</div>
<div class=”modal-body”>
<?php echo do_shortcode($options[‘faqs_modal’]); ?>
</div>
</div>
</div>
</div>

<?php }
?>
November 18, 2015 at 3:42 pm #229664
Mohammad – SUPPORT
Moderator

Post count: 27441
Hi,
Please use this custom css code:-
```
.modal.fade{
top:25% !important
}
```
Thanks
Mohammad
November 18, 2015 at 3:52 pm #229671

stoukan
Member

Post count: 75

Thank you, that kind of worked but now there’s a multi-part issue:

If I insert it as you have it (25%), it now doesn’t let me click on the customer care modal link.

If I insert it as at 50% instead, I can click on the customer care modal link, but now the screens that pop up when you click customer care, delivery information, etc., appear very low on the page. Any suggestions?

Thank you for all your help!

November 18, 2015 at 6:07 pm #229736
Mohammad – SUPPORT
Moderator

Post count: 27441
Hi,
Please remove last code and use new code.
```
.modal.fade{
top:30% !important
}
```
Thanks
Mohammad
November 18, 2015 at 6:39 pm #229749

stoukan
Member

Post count: 75

Hi Mohammad,

I just tried and unfortunately that still doesn’t work, I am still unable to click on “Customer Care”

Sarah

November 19, 2015 at 10:02 am #229830

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
Please change 30% to 35% in last code.
Thanks
Mohammad

November 19, 2015 at 12:34 pm #229890

stoukan
Member

Post count: 75

This reply has been marked as private.

November 20, 2015 at 1:02 pm #230203

David Martin – Support
Moderator

Post count: 20834

Hi,

What is your username? What page URL is this for?

Thanks,
David.

November 20, 2015 at 2:36 pm #230272

stoukan
Member

Post count: 75

This reply has been marked as private.

November 23, 2015 at 3:26 pm #230660

David Martin – Support
Moderator

Post count: 20834

Hi,

Can you please explain your issue further for me, you are looking to move the model further up the page?

Thanks,
David.

November 23, 2015 at 3:32 pm #230665

stoukan
Member

Post count: 75

Hi David,

Yes exactly. For some reason the code below moved the content for the modal links down the page, and I’d like to move them back up.

Best,
Sarah

.modal.fade{
top:30% !important
}
Back to forum

Posted in: Neighborhood

Viewing 15 posts - 1 through 15 (of 31 total)

1 2 3 →

You must be logged in and have valid license to reply to this topic.

License required for one of the following items

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

Support Request

Support Policy

Privacy Policy