Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

eStore – Actual design on buy now button differs from the tutorial video

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › eStore – Actual design on buy now button differs from the tutorial video

Tagged: buy button

  • This topic has 5 replies, 3 voices, and was last updated 6 years, 1 month ago by wzp.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 14, 2019 at 4:50 pm #15350
    h
    Participant

    Which product you are using (example: eStore, WP Affiliate Platform, eMember, PDF Stamper etc…)?

    eStore. The design of the buy now button shown 3:45 minutes in, in the following video https://www.tipsandtricks-hq.com/ecommerce/wp-estore-quick-setup-and-usage-video-tutorial-593 is not the same as the design on the button generated by the same shortcode in my version of eStore plugin.

    Provide a link to the exact page where the problem is seen

    ***** Moderated at request of OP *****

    What part of the product isn’t working?

    The design is different using the same shortcode [wp_eStore_buy_now_button id=1] as in the video.

    What are you trying to achieve?

    How do I fix this? I want the same design or similar to the one in the video.

    What causes the error to show up?

    No clue.

    What version of the plugin are you using?

    Version 8.0.7

    Did you modify the plugin code?

    No.

    Best regards,

    H

    March 15, 2019 at 5:36 am #79341
    admin
    Keymaster

    The standard button’s appearance is controlled by your theme’s CSS.

    The following page explains how you can customize the button using an image so it looks how you want it to look like (regardless of your theme’s CSS):

    https://support.tipsandtricks-hq.com/forums/topic/wp-estore-customizing-the-buttons-changing-the-button-images

    March 20, 2019 at 12:28 am #79342
    h
    Participant

    I have used the following shortcode to create a buy button on bit.ly/2Wcpj3c :

    <center>[wp_eStore_buy_now_custom_button id=2 button=https://***** Moderated at request of OP *****]</center>

    The generated button is showned correctly on desktop computer but with the following errors on mobile iPhone 5S:

    1) button text “beställ nu” is not centered in the button area

    2) The text font is other than the font in the .svg file.

    How do I solve these two problems?

    March 20, 2019 at 1:11 am #79343
    wzp
    Moderator

    Try using a .PNG or .JPG image; instead of a Scalable Vector Graphics .SVG file. Remember, .SVG graphics are XML objects and are “subject to interpretation” by the browser.

    April 9, 2019 at 3:42 pm #79344
    h
    Participant

    Is it possible to remove this topic or at least the following parts:

    ***** Moderated at request of OP *****

    April 10, 2019 at 4:33 am #79345
    wzp
    Moderator

    Done

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ