首页 > 解决方案 > 主页上显示一次性购买价格的 Wordpress 订阅产品

问题描述

我的网站上的订阅按钮有问题。它目前显示的价格与购物车中的一次性购买按钮相同。这两个按钮在产品页面上都可以正常工作,但在主页上却不能正常工作。我从产品页面粘贴了相同的代码。

主页链接:https ://foragoodmind.com/ 产品页面链接: https ://foragoodmind.com/product/goodmind-functional-mushrooms-capsule-60s/

粘贴在主页上的代码:

<form class="cart" action="" method="post" enctype="multipart/form-data">
<div class="wcsatt-options-wrapper wcsatt-options-wrapper-grouped wcsatt-options-wrapper-radio closed " data-sign_up_text="Sign up now">
  <div class="wcsatt-options-product-prompt wcsatt-options-product-prompt-grouped wcsatt-options-product-prompt-radio wcsatt-options-product-prompt--visible" data-prompt_type="radio">
    <div class="wcsatt-options-prompt-text"><span class="wcsatt-options-prompt-text-label">Purchase Options</span></div>
    <ul class="wcsatt-options-prompt-radios">
      <li class="wcsatt-options-prompt-radio">
        <label class="wcsatt-options-prompt-label wcsatt-options-prompt-label-one-time">
        <input class="wcsatt-options-prompt-action-input" type="radio" name="subscribe-to-action-input" value="no">
        <span class="wcsatt-options-prompt-action">One-time purchase</span>
        </label>
      </li>
      <li class="wcsatt-options-prompt-radio">
        <label class="wcsatt-options-prompt-label wcsatt-options-prompt-label-subscription">
        <input class="wcsatt-options-prompt-action-input" type="radio" name="subscribe-to-action-input" value="yes">
        <span class="wcsatt-options-prompt-action">Subscribe <span class="price subscription-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">R</span>375</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">R</span>300</bdi></span></ins> <span class="subscription-details"> / month</span></span></span>
        </label>
      </li>
    </ul>
  </div>
  <div class="wcsatt-options-product-wrapper" style="display:none;">
    <span class="wcsatt-options-product-dropdown-label">Deliver:</span>
    <select class="wcsatt-options-product-dropdown" name="convert_to_sub_dropdown101">
      <option value="1_month">Every month for R236 (20% off)</option>
    </select>
    <ul class="wcsatt-options-product wcsatt-options-product--hidden">
      <li class="one-time-option">
        <label>
        <input type="radio" name="convert_to_sub_101" data-custom_data="[]" value="0" checked="checked">
        <span class="one-time-option-details"><span class="no-price one-time-price">one time</span></span>
        </label>
      </li>
      <li class="subscription-option">
        <label>
        <input type="radio" name="convert_to_sub_101" data-custom_data="{&quot;discount_from_regular&quot;:false,&quot;option_has_price&quot;:false,&quot;subscription_scheme&quot;:{&quot;period&quot;:&quot;month&quot;,&quot;interval&quot;:1,&quot;length&quot;:0,&quot;trial_period&quot;:&quot;&quot;,&quot;trial_length&quot;:&quot;&quot;,&quot;pricing_mode&quot;:&quot;inherit&quot;,&quot;discount&quot;:&quot;20&quot;,&quot;sync_date&quot;:0,&quot;context&quot;:&quot;product&quot;,&quot;id&quot;:&quot;1_month&quot;,&quot;key&quot;:&quot;1_month&quot;,&quot;is_synced&quot;:false,&quot;is_prorated&quot;:false,&quot;is_base&quot;:true,&quot;has_price_filter&quot;:true},&quot;dropdown_details_html&quot;:&quot;<span class=\&quot;subscription-details\&quot;>every month<\/span> for %p&quot;}" value="1_month">
        <span class="subscription-option-details"><span class="price subscription-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">R</span>295</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">R</span>236</bdi></span></ins> <span class="subscription-details"> / month</span> — save <span class="wcsatt-sub-discount">20%</span></span></span>
        </label>
      </li>
    </ul>
  </div>
</div>
<div class="quantity">
  <input type="button" value="-" class="minus">
  <label class="screen-reader-text" for="quantity_60f1621e5b436">Goodmind Functional Mushrooms capsule 60s quantity</label>
  <input type="number" id="quantity_60f1621e5b436" class="input-text qty text" step="1" min="1" max="" name="quantity" value="1" title="Qty" size="4" pattern="[0-9]*" inputmode="numeric" aria-labelledby="Goodmind Functional Mushrooms capsule 60s quantity">
  <input type="button" value="+" class="plus">
</div>
<button type="submit" name="add-to-cart" value="101" class="single_add_to_cart_button btn-size-large button alt">Add to cart</button>

标签: phphtmlcsswordpressforms

解决方案


推荐阅读