wp-auto-top 回到顶部插件

本文介绍了一款适用于WordPress的返回顶部插件——wp-auto-top,该插件可帮助用户轻松实现页面滚动至顶部的功能。文章详细解释了如何调整插件中的显示位置、评论链接以及自定义图片,并提供了插件的安装指南。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

很多网站都添加了返回顶部和快速滑动到底部和查看评论等功能,今天倡萌和大家分享的是WordPress返回顶部插件:wp-auto-top,估计很多朋友都看到过这个滑动样式。当然了,有些人是修改代码实现的,如果你不会改代码,那就使用这个wp-auto-top插件吧。

wpdaxue.com-201211121

wp-auto-top插件说明

  1. 左右调整以后,如果位置在横向方向感觉不对,才去调整 显示位置(相对于网页正中间线的距离)距离部分,不然随意调整可能效果就不对了。
  2. 关于这个评论位置,我使用的是默认的wordpress评论的DIV  id = “comments”作为标记。目前很多朋友使用的第三方评论插件,那么这个 文章评论标记处就得调整调整了,方法:用chrome或者其它工具打开随意一篇你的博客文章,查看源代码或者F12(chrome)查看评论部分的Html,找到你想要跳转的位置的一个标签,比如有一个:<a name=”comments” >所有评论</a>那么你就设置类型为”name“值为”comments” ,这里不建议使用class,因为一个页面class相同的有多个,所以找不到具体目标无法定位达不到效果。
  3. 自定义图片,上面我有说过,就是自己做一个你想要的图片颜色,颜色为两个,左半部分颜色为正常状态下的颜色,右半部分为鼠标放上去时的颜色。做好图片放到本插件的img目录下使用英文或者数字命名即可,然后到后台的 “设置“->”wp-auto-top” 里选择你自己做的那张图片然后点击保存即可。

wp-auto-top插件安装

  1. 您的博客后台选择 “插件” ->”安装插件” ->搜索框里输入”wp auto top”  -> 安装 ->启用 即可
  2. 或者从 这里下载 然后解压放到wp-content/plugins/下,后台启用即可。
  3. 更多信息,请访问作者页面

This is the full code in my cart.php <?php /** * Custom Cart Page for WooCommerce with Selective Checkout * Place this file in your child theme directory: /wp-content/themes/woodmart-child/cart.php */ if (!defined('ABSPATH')) { exit; // Exit if accessed directly } do_action('woocommerce_before_cart'); ?> <div class="cart-page-section container" style="max-width: 1200px; margin: 0 auto;"> <form class="woocommerce-cart-form" action="<?php echo esc_url(wc_get_cart_url()); ?>" method="post"> <?php do_action('woocommerce_before_cart_table'); ?> <table class="shop_table shop_table_responsive cart woocommerce-cart-form__contents"> <thead> <tr> <th class="product-select"> <input type="checkbox" id="select-all-items" /> <label for="select-all-items" style="display: inline-block; margin-left: 5px; cursor: pointer;">全选</label> </th> <th class="product-info"><?php esc_html_e('Product', 'woocommerce'); ?></th> <th class="product-params"><?php esc_html_e('Parameters', 'woocommerce'); ?></th> <th class="product-price"><?php esc_html_e('Price', 'woocommerce'); ?></th> <th class="product-quantity"><?php esc_html_e('Quantity', 'woocommerce'); ?></th> <th class="product-subtotal"><?php esc_html_e('Subtotal', 'woocommerce'); ?></th> <!-- 已移除 Action 列 --> </tr> </thead> <tbody> <?php do_action('woocommerce_before_cart_contents'); ?> <?php foreach (WC()->cart->get_cart() as $cart_item_key => $cart_item) : $_product = apply_filters('woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key); $product_id = apply_filters('woocommerce_cart_item_product_id', $cart_item['product_id'], $cart_item, $cart_item_key); if ($_product && $_product->exists() && $cart_item['quantity'] > 0 && apply_filters('woocommerce_cart_item_visible', true, $cart_item, $cart_item_key)) : $product_permalink = apply_filters('woocommerce_cart_item_permalink', $_product->is_visible() ? $_product->get_permalink($cart_item) : '', $cart_item, $cart_item_key); ?> <tr class="woocommerce-cart-form__cart-item <?php echo esc_attr(apply_filters('woocommerce_cart_item_class', 'cart_item', $cart_item, $cart_item_key)); ?>"> <!-- Checkbox Column --> <td class="product-select" data-title="<?php esc_attr_e('Select', 'woocommerce'); ?>"> <input type="checkbox" class="item-checkbox" name="selected_items[]" value="<?php echo esc_attr($cart_item_key); ?>" data-price="<?php echo esc_attr($cart_item['line_total']); ?>" /> </td> <!-- Product Info Column --> <td class="product-info" data-title="<?php esc_attr_e('Product', 'woocommerce'); ?>"> <div class="product-image"> <?php $thumbnail = apply_filters('woocommerce_cart_item_thumbnail', $_product->get_image(), $cart_item, $cart_item_key); if (!$product_permalink) : echo $thumbnail; // PHPCS: XSS ok. else : printf('<a href="%s">%s</a>', esc_url($product_permalink), $thumbnail); // PHPCS: XSS ok. endif; ?> </div> <div class="product-name"> <?php if (!$product_permalink) : echo wp_kses_post(apply_filters('woocommerce_cart_item_name', $_product->get_name(), $cart_item, $cart_item_key) . ' '); else : echo wp_kses_post(apply_filters('woocommerce_cart_item_name', sprintf('<a href="%s">%s</a>', esc_url($product_permalink), $_product->get_name()), $cart_item, $cart_item_key)); endif; do_action('woocommerce_after_cart_item_name', $cart_item, $cart_item_key); // Meta data. echo wc_get_formatted_cart_item_data($cart_item); // PHPCS: XSS ok. ?> </div> </td> <!-- Product Parameters Column --> <td class="product-params" data-title="<?php esc_attr_e('Parameters', 'woocommerce'); ?>"> <?php if ($cart_item['variation_id']) { $variation_attributes = $_product->get_variation_attributes(); if (!empty($variation_attributes)) { foreach ($variation_attributes as $attribute => $value) { echo '<span class="param">' . esc_html(wc_attribute_label($attribute)) . ': ' . esc_html($value) . '</span><br>'; } } } else { $attributes = $_product->get_attributes(); if (!empty($attributes)) { foreach ($attributes as $attribute) { $values = wc_get_product_terms($product_id, $attribute['name'], array('fields' => 'names')); echo '<span class="param">' . esc_html(wc_attribute_label($attribute['name'])) . ': ' . esc_html(implode(', ', $values)) . '</span><br>'; } } } ?> </td> <!-- Price Column --> <td class="product-price" data-title="<?php esc_attr_e('Price', 'woocommerce'); ?>"> <?php echo apply_filters('woocommerce_cart_item_price', WC()->cart->get_product_price($_product), $cart_item, $cart_item_key); // PHPCS: XSS ok. ?> </td> <!-- Quantity Column --> <td class="product-quantity" data-title="<?php esc_attr_e('Quantity', 'woocommerce'); ?>"> <?php if ($_product->is_sold_individually()) : $product_quantity = sprintf('1 <input type="hidden" name="cart[%s][qty]" value="1" />', $cart_item_key); else : $product_quantity = woocommerce_quantity_input( array( 'input_name' => "cart[{$cart_item_key}][qty]", 'input_value' => $cart_item['quantity'], 'max_value' => $_product->get_max_purchase_quantity(), 'min_value' => '0', 'product_name' => $_product->get_name(), ), $_product, false ); endif; echo apply_filters('woocommerce_cart_item_quantity', $product_quantity, $cart_item_key, $cart_item); // PHPCS: XSS ok. ?> </td> <!-- Subtotal Column --> <td class="product-subtotal" data-title="<?php esc_attr_e('Subtotal', 'woocommerce'); ?>"> <?php echo apply_filters('woocommerce_cart_item_subtotal', WC()->cart->get_product_subtotal($_product, $cart_item['quantity']), $cart_item, $cart_item_key); // PHPCS: XSS ok. ?> </td> <!-- 已移除 Remove Item Column --> </tr> <?php endif; ?> <?php endforeach; ?> <?php do_action('woocommerce_after_cart_contents'); ?> </tbody> </table> <div class="actions"> <button type="submit" class="button" name="update_cart" value="<?php esc_attr_e('Update cart', 'woocommerce'); ?>"><?php esc_html_e('Update cart', 'woocommerce'); ?></button> <?php do_action('woocommerce_cart_actions'); ?> <?php wp_nonce_field('woocommerce-cart', 'woocommerce-cart-nonce'); ?> </div> <?php do_action('woocommerce_after_cart_table'); ?> </form> </div> <!-- Sticky Footer --> <div class="cart-footer-actions sticky-footer" style="position: sticky; bottom: 0; background: white; padding: 15px; border-top: 1px solid #ddd; max-width: 1200px; margin: 0 auto;"> <div style="display: flex; justify-content: space-between; align-items: center;"> <div> <input type="checkbox" id="footer-select-all"> <label for="footer-select-all" style="display: inline-block; margin-left: 5px; cursor: pointer;">全选</label> <button type="button" class="button" id="remove-selected-items">刪除選中的商品</button> <button type="button" class="button" id="clear-cart">清理購物車</button> </div> <div class="selected-summary" style="text-align: right;"> <p> 已选商品: <span id="selected-count">0</span> 件,共计: <span id="selected-total">RM0.00</span> </p> <a href="<?php echo esc_url(wc_get_checkout_url()); ?>" class="checkout-button button alt wc-forward" id="partial-checkout"> 结算 </a> </div> </div> </div> <?php do_action('woocommerce_after_cart'); ?> <style> /* Custom Styles for Cart Page */ .cart-page-section { background: white; padding: 30px; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-bottom: 30px; } .cart-page-section table.cart { width: 100%; border-collapse: collapse; margin-bottom: 20px; } .cart-page-section table.cart th, .cart-page-section table.cart td { padding: 15px; text-align: left; border-bottom: 1px solid #eee; } .cart-page-section table.cart th { background-color: #f8f8f8; font-weight: bold; } /* 调整列宽 */ .cart-page-section table.cart td.product-select { width: 10%; text-align: center; vertical-align: middle; } .cart-page-section table.cart td.product-info { width: 20%; vertical-align: top; } .cart-page-section table.cart .product-info .product-image { float: left; margin-right: 15px; width: 100px; height: 100px; } .cart-page-section table.cart .product-info .product-image img { max-width: 100%; height: auto; display: block; } .cart-page-section table.cart .product-info .product-name { overflow: hidden; } .cart-page-section table.cart td.product-params { width: 20%; vertical-align: top; } .cart-page-section table.cart .product-params .param { display: block; margin-bottom: 5px; font-size: 14px; color: #666; } /* 调整剩余列宽度 */ .cart-page-section table.cart td.product-price, .cart-page-section table.cart td.product-quantity, .cart-page-section table.cart td.product-subtotal { width: 16.67%; /* 三列平均分配剩余宽度 */ vertical-align: middle; } .cart-page-section .actions { text-align: right; margin-top: 20px; } .cart-page-section .actions .button { padding: 12px 24px; background-color: #4CAF50; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; transition: background-color 0.3s; } .cart-page-section .actions .button:hover { background-color: #45a049; } .cart-footer-actions { position: sticky; bottom: 0; background: #fff; padding: 15px; border-top: 1px solid #ddd; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); z-index: 100; } .cart-footer-actions .button { padding: 10px 20px; margin-left: 10px; background-color: #f44336; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; transition: background-color 0.3s; } .cart-footer-actions .button:hover { background-color: #d32f2f; } #partial-checkout { padding: 12px 24px; background-color: #2196F3; color: white; text-decoration: none; border-radius: 4px; display: inline-block; margin-top: 10px; transition: background-color 0.3s; } #partial-checkout:hover { background-color: #0b7dda; } .selected-summary { font-size: 16px; font-weight: bold; } .selected-summary p { margin: 0 0 10px 0; } /* Responsive styles */ @media (max-width: 768px) { .cart-page-section table.cart thead { display: none; } .cart-page-section table.cart td { display: block; width: 100% !important; text-align: right; padding: 10px; position: relative; padding-left: 50%; } .cart-page-section table.cart td::before { content: attr(data-title); position: absolute; left: 15px; font-weight: bold; text-align: left; } .cart-page-section table.cart .product-info .product-image { float: none; margin: 0 auto 10px; } .cart-footer-actions { position: relative; } .cart-footer-actions > div { flex-direction: column; align-items: flex-start; } .cart-footer-actions .selected-summary { margin-top: 20px; text-align: left; width: 100%; } } </style> <script> jQuery(document).ready(function($) { // Define our AJAX parameters var wc_cart_params = { ajax_url: '<?php echo admin_url('admin-ajax.php'); ?>', cart_nonce: '<?php echo wp_create_nonce('woocommerce-cart'); ?>' }; // Update selected items summary function updateSelectedSummary() { let total = 0; let count = 0; $('.item-checkbox:checked').each(function() { total += parseFloat($(this).data('price')); count++; }); $('#selected-count').text(count); $('#selected-total').text('RM' + total.toFixed(2)); } // Select all functionality $('#select-all-items, #footer-select-all').change(function() { const isChecked = $(this).prop('checked'); $('.item-checkbox').prop('checked', isChecked); updateSelectedSummary(); }); // Individual checkbox change $('.item-checkbox').change(updateSelectedSummary); // Remove selected items $('#remove-selected-items').click(function() { const selectedKeys = $('.item-checkbox:checked').map(function() { return this.value; }).get(); if (selectedKeys.length === 0) { alert('请选择要删除的商品'); return; } if (!confirm('确定要删除选中的商品吗?')) { return; } $.ajax({ type: 'POST', url: wc_cart_params.ajax_url, data: { action: 'remove_selected_cart_items', selected_items: selectedKeys, security: wc_cart_params.cart_nonce }, success: function(response) { if (response.success) { location.reload(); } }, error: function() { alert('删除失败,请重试'); } }); }); // Clear entire cart $('#clear-cart').click(function() { if (!confirm('确定要清空购物车吗?')) { return; } $.ajax({ type: 'POST', url: wc_cart_params.ajax_url, data: { action: 'clear_entire_cart', security: wc_cart_params.cart_nonce }, success: function(response) { if (response.success) { location.reload(); } }, error: function() { alert('清空购物车失败,请重试'); } }); }); // Partial checkout $('#partial-checkout').click(function(e) { e.preventDefault(); const selectedKeys = $('.item-checkbox:checked').map(function() { return this.value; }).get(); if (selectedKeys.length === 0) { alert('请至少选择一件商品结算'); return false; } // Show loading indicator $(this).html('处理中...').prop('disabled', true); // Store selected items in session $.ajax({ type: 'POST', url: wc_cart_params.ajax_url, data: { action: 'store_selected_items', selected_items: selectedKeys, security: wc_cart_params.cart_nonce }, success: function(response) { if (response.success) { window.location.href = '<?php echo esc_url(wc_get_checkout_url()); ?>'; } else { alert('结算失败,请重试'); $('#partial-checkout').html('结算').prop('disabled', false); } }, error: function() { alert('发生错误,请重试'); $('#partial-checkout').html('结算').prop('disabled', false); } }); }); // Initialize summary updateSelectedSummary(); }); </script> This is the full code in my functions.php // 完全删除旧的"部分结账"相关代码 // 替换为以下完整优化版本 // ===== 部分结账功能核心代码 ===== // // 存储选中商品到会话 add_action('wp_ajax_store_selected_items', 'store_selected_items'); add_action('wp_ajax_nopriv_store_selected_items', 'store_selected_items'); function store_selected_items() { check_ajax_referer('woocommerce-cart', 'security'); if (isset($_POST['selected_items'])) { $sanitized_items = array_map('sanitize_text_field', $_POST['selected_items']); WC()->session->set('selected_checkout_items', $sanitized_items); wp_send_json_success(); } wp_send_json_error(); } // 折扣计算前应用购物车过滤 (解决折扣问题) add_action('woocommerce_before_calculate_totals', 'apply_partial_cart_before_discounts', 5); function apply_partial_cart_before_discounts() { if (!is_checkout() || is_wc_endpoint_url('order-received') || !WC()->session) { return; } $selected_items = WC()->session->get('selected_checkout_items'); if (!empty($selected_items)) { $cart = WC()->cart; $cart_contents = $cart->cart_contents; $filtered_contents = array(); foreach ($cart_contents as $key => $item) { if (in_array($key, $selected_items)) { $filtered_contents[$key] = $item; } } $cart->cart_contents = $filtered_contents; } } // 结账页面显示过滤 add_filter('woocommerce_get_cart_contents', 'filter_cart_contents_for_checkout', 20, 1); function filter_cart_contents_for_checkout($cart_contents) { if (is_checkout() && !is_wc_endpoint_url('order-received') && WC()->session) { $selected_items = WC()->session->get('selected_checkout_items'); if (!empty($selected_items)) { $filtered_contents = array(); foreach ($cart_contents as $key => $item) { if (in_array($key, $selected_items)) { $filtered_contents[$key] = $item; } } return $filtered_contents; } } return $cart_contents; } // 结账后恢复购物车 add_action('woocommerce_checkout_update_order_meta', 'restore_full_cart_after_checkout', 10, 2); function restore_full_cart_after_checkout($order_id, $data) { if (!WC()->session) return; // 备份完整购物车 $full_cart = WC()->cart->get_cart(); WC()->session->set('full_cart_backup', $full_cart); } // 订单感谢页处理 add_action('woocommerce_thankyou', 'remove_selected_items_after_checkout', 10, 1); function remove_selected_items_after_checkout($order_id) { if (!WC()->session) return; $selected_items = WC()->session->get('selected_checkout_items'); if (!empty($selected_items)) { // 恢复完整购物车 $full_cart = WC()->session->get('full_cart_backup'); if ($full_cart) { WC()->cart->cart_contents = $full_cart; WC()->session->__unset('full_cart_backup'); } WC()->session->__unset('selected_checkout_items'); WC()->cart->calculate_totals(); } } // AJAX移除选中商品 add_action('wp_ajax_remove_selected_cart_items', 'remove_selected_cart_items'); add_action('wp_ajax_nopriv_remove_selected_cart_items', 'remove_selected_cart_items'); function remove_selected_cart_items() { check_ajax_referer('woocommerce-cart', 'security'); if (isset($_POST['selected_items'])) { foreach ($_POST['selected_items'] as $cart_item_key) { $sanitized_key = sanitize_text_field($cart_item_key); if (WC()->cart->get_cart_item($sanitized_key)) { WC()->cart->remove_cart_item($sanitized_key); } } wp_send_json_success(); } wp_send_json_error(); } // 覆盖购物车清空方法 add_action('woocommerce_init', 'override_woocommerce_cart'); function override_woocommerce_cart() { if (!class_exists('WC_Cart') || !WC()->session) return; class WC_Cart_Custom extends WC_Cart { public function empty_cart($force_session = false) { if (WC()->session && WC()->session->get('selected_checkout_items')) { return; // 阻止清空 } parent::empty_cart($force_session); } } $GLOBALS['woocommerce']->cart = new WC_Cart_Custom(); } // ===== 辅助功能 ===== // // 移除购物车总计部分 add_action('template_redirect', 'remove_cart_totals_section'); function remove_cart_totals_section() { if (is_cart()) { remove_action('woocommerce_cart_collaterals', 'woocommerce_cart_totals', 10); } } // 加载必要脚本 add_action('wp_enqueue_scripts', 'partial_checkout_scripts'); function partial_checkout_scripts() { if (is_cart()) { wp_enqueue_script('wc-cart'); wp_localize_script('wc-cart', 'wc_cart_params', array( 'ajax_url' => admin_url('admin-ajax.php'), 'cart_nonce' => wp_create_nonce('woocommerce-cart') )); } } // 放弃结账时恢复原始购物车 add_action('template_redirect', 'restore_original_cart_if_abandoned'); function restore_original_cart_if_abandoned() { if (is_cart() && WC()->session && WC()->session->get('selected_checkout_items')) { WC()->session->__unset('selected_checkout_items'); } } the dynamic discount is not applied, Without changing the 成功了的 function, please check which part goes wrong and give me the full code to be replaced with the current one.
最新发布
08-01
有些博主的博导航菜单设计的非常漂亮,这对于精通CSS的朋友来说,不是件难事,可对于不懂这些的朋友来说,有点小麻烦,所以,这款酷炫的导航菜单插件也就应运而生了。 Multi-level Navigation Plugin可以将导航菜单多级显示、下拉显示、弹出式显示!可以将存档、分类、页面、友情链接、评论等作为导航菜单,可以在后台设置界面修改css来达到自己想要的显示效果。 Multi-level Navigation Plugin安装: 1.下载Multi-level Navigation插件,将压缩包解压后,把文件夹上传到wp-content/plugins/目录下。 2.登录WordPress管理后台,点击“Plugins”找到上传的插件,激活该插件,即可。 3.激活插件后,在"Setting"版块下点击“Multi-level Navigation”对页面进行管理,如下图: 添加代码到你希望出现导航菜单的页面,通常添加在header.php文件里。 如上图中模板会出现如上四个模块: •Home:介绍插件的相关信息 •Appearance:设计导航菜单的样式 •Menu contents(菜单内容): 设置主菜单或二级菜单的内容,根据你网站的实际情况进行设置 •Settings:设置菜单显示效果 里面有多个内容选项,你可以根据网站的实际情况进行设置 设置好相关内容,插件的效果图就如下所示: 虽然这个插件比较酷炫,极大了方便了一些不精通CSS的朋友,但是,这个插件也不是万能的,使用这款插件时,你最起码要懂得些CSS知识,不然,即使再酷炫的插件也很难使用的恰到好处。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值