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

[Resolved] How to add thumbnails to fancy button 5?

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Tweaks › How to add thumbnails to fancy button 5?

  • This topic has 7 replies, 3 voices, and was last updated 4 years, 1 month ago by wzp.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 30, 2021 at 5:04 am #82805
    justintuijl

    Hi, how can I modify a button?
    My customer likes the fancy button 5 but also wants to list thumbnails on that button.
    Is there a way for me to add the function to the button? The button 10 and 11 have the function for thumbnails.
    In-fact, if I knew how to modify a button life would be good.
    Thank you

    March 30, 2021 at 4:56 pm #82811
    wzp
    Moderator

    Did you just say, that you wanted a way to add a product’s thumbnail to a button, as in appearing ON the button? Or did you mean to say, display a product thumbnail with the description, and the button?

    • This reply was modified 4 years, 1 month ago by wzp.
    March 31, 2021 at 2:40 am #82816
    justintuijl

    “Thumbnails” as opposed to “thumbnail”
    buttons 10 and 11 do several thumbnails
    customer wants to show several on one button and button 5 is the nicest

    March 31, 2021 at 2:49 pm #82817
    wzp
    Moderator

    You are trying to do this kind of display, using the [wp_eStore_fancy5 id=nnnnn] shortcode?

    March 31, 2021 at 2:52 pm #82818
    justintuijl

    I am wanting to use button 5 with the multiple thumbnail style of buttons 10 and 11.
    I am perfectly capable of coding and wonder if it is possible to modify button 5 to add in the multi-thumbnail code?

    March 31, 2021 at 9:35 pm #82827
    admin
    Keymaster

    If you are a coder then you can modify that template 5 to customize it and change how it looks on your site.

    The following post maybe helpful for this topic:

    WP eStore Product Display – Can I Change the Fancy Display?

    April 1, 2021 at 4:41 am #82828
    justintuijl

    Thanks. I tried to add the thumbnails code from button 11 to button 5. It didn’t work:

    /*=== Fancy 5 CSS ===*/
    .eStore-fancy5{
    background:transparent url(“images/fancy5_gradient.gif”) bottom repeat-x;
    background-color:#fff;
    font-family:”Segoe UI”, sans-serif;
    font-size:12px;
    border:1px solid #ccc;
    display:block;
    float:left;
    height:370px;
    margin:3px 12px 12px 0;
    position:relative;
    width:222px;
    padding:10px 0px 10px 10px;
    }
    .eStore-fancy5:hover{border-color:#999;}
    .eStore-fancy5-thumb img {height: 150px; width: 200px; padding: 5px; border: 1px solid #ccc;}
    .eStore-fancy5-thumb a img {border: 1px solid #ccc;}
    .eStore-fancy5-thumb:hover img {border-color: #333;}

    .eStore-additional-thumbnail-fancy-11{float:left;text-align:center;width:100px;}
    .eStore-additional-thumbnail-fancy-11 img,.eStore-additional-thumbnail-fancy-11 a img {
    background-color:#FFF;
    border:1px solid #A9A9A9;
    margin:0px 2px 2px 0px;
    padding:1px;
    width:16px;
    height:16px;
    }

    .eStore-fancy5-body{height:165px;overflow:hidden;}
    .eStore-fancy5-description{margin:0px 10px 5px 0px;text-align:justify;overflow:hidden;max-height:115px;}
    .eStore-fancy5-product-name{font-size:15px;font-weight:bold;text-align: left;margin:12px 10px 10px 0px;}
    .eStore-fancy5-price{float:left;font-size:15px;font-weight:bold;}
    .eStore-fancy5-details{float:right;margin-right:10px}

    April 1, 2021 at 7:03 pm #82831
    wzp
    Moderator

    If you are having coding difficulty, please complete a custom work order request, and a developer will get back with you.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 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