• Resolved mister klucha

    (@mister-klucha)


    Hi
    I needed a pricing box, found metaphor shortcode. I tried it and the design seems to suit what i want. Good.

    I use princing tables and pricing list
    But problem, it’s not responsive at all on smartphone, (i tried severals, android, ios, windows phone).

    I’m wondering how to get it responsive ?
    example : if i set 2 rows – rather than put them near each other horizontaly, how to set each row veticaly”

    On another and, a (perhaps “not required”) title for for price tab in list syle is possible to set ? i’m trying to add it but i need to customized code and i’m a so poor coder so i don’t even know what to tweack !
    Best regards

    https://www.ads-software.com/extend/plugins/mtphr-shortcodes/

Viewing 15 replies - 1 through 15 (of 16 total)
  • Plugin Author metaphorcreations

    (@metaphorcreations)

    I have a filter setup to enable this… I will add an actual settings page/option for this in a future update, but I haven’t had time yet to implement.

    Add this into your functions.php file of your theme:

    <?php
    add_filter( 'mtphr_shortcodes_responsive_grid', 'set_shortcode_responsive' );
    function set_shortcode_responsive( $responsive ) {
    	return true;
    }
    ?>
    Thread Starter mister klucha

    (@mister-klucha)

    ok
    Thanks for quick support. I try this.

    Thread Starter mister klucha

    (@mister-klucha)

    My theme is not compatible with this lines of code in function.php (i use pinboard theme). Any of my pages load anymore (blank page).
    I search what’s the problem, perhaps a bad saving when closed function.php

    Thread Starter mister klucha

    (@mister-klucha)

    OK. Thank you for the time spent on it.
    it’s works fine. Problem came on my side.

    New thing :
    I quickly tried to translate the us_US.po I don’t know what’s the problem with, it doesn’t work.
    The po file is here

    Thread Starter mister klucha

    (@mister-klucha)

    I’m sorry to arrass you. I’m close to what i need.
    Last question is how center a pricing box condended or, or style text ! ?
    Did a lot of tricks but nthing works.
    Example here

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you want to centre the text, use this CSS;

    .mtphr-pricing-table-list p {
     text-align: center;
    }

    Thread Starter mister klucha

    (@mister-klucha)

    ok thanks ??
    That’s not what i need. I have to center price tab, no text in price tab

    Plugin Author metaphorcreations

    (@metaphorcreations)

    If you want to edit the english translation file, you need to generate an .mo file as well. Install the CodeStyling Localization https://www.ads-software.com/extend/plugins/codestyling-localization/ (it’s what I use) to modify the translation and create the .mo file.

    Keep in mind, that any updates to the plugin will overwrite your updates, if you are modifying the English translation.

    I would highly suggest using the gettext filter if you just want to change a couple words. Check out this intro to it: https://pippinsplugins.com/introduction-gettext-filter-wordpress/

    Plugin Author metaphorcreations

    (@metaphorcreations)

    Can you link to a screenshot of what you are trying to center? I can’t tell exactly what you are referring to.

    Thread Starter mister klucha

    (@mister-klucha)

    OK for translation tips, i prefer creating a po and mo and leave it in metaphore shortcodes. it’s more proper way, even if there are only few word it’s right.
    i used poedit but i dont figure out what’s wrong.
    i take a look a this.

    Here is a picture of what i need.

    While i have you, i have add fake title, a simple line of line above price tab list
    A picture here

    Thread Starter mister klucha

    (@mister-klucha)

    What can i do for this ? Really unable to center this.
    it’s hell to add title too
    I wait for something, help or update ? or i’d better look for something else ?

    Plugin Author metaphorcreations

    (@metaphorcreations)

    Feel free to use another plugin.

    To center just place the shortcodes within your own div and use span6 on each. I haven’t tested it but it should work:

    <div style="width: 600px;margin: 0 auto;">
    [pricing_table span="6" start="true"]
    ....
    [/pricing_table][pricing_table span="6" end="true"]
    ....
    [/pricing_table]
    </div>

    If you want to add a titles above the lists create a set of grid shortcodes above:

    <div style="width: 600px;margin: 0 auto;">
    [grid span="6" start="true"]
    Title 1
    [/grid][grid span="6" end="true"]
    Title 2
    [/grid]
    [pricing_table span="6" start="true"]
    ....
    [/pricing_table][pricing_table span="6" end="true"]
    ....
    [/pricing_table]
    </div>
    Thread Starter mister klucha

    (@mister-klucha)

    ah ok
    no it don’t works.
    i allready tried a long time ago to set a larger for the tables and set margin to auto but this don’t works.
    With 600px, the tables are shortened and are not in the center !!!!!
    this is not a pro looking.
    If i set larger to 90% for example, tables don’t even move.

    For the second tip, i need a title on pricing tab in style=”list”.
    This way, it’s not responsive.

    Plugin Author metaphorcreations

    (@metaphorcreations)

    Ok, I guess you’re right about the titles. I’ll add in the option to have a title in list mode in the future.

    As for centering, my example does work. You need to set the span to 6 on both tables to fill up 100% of the area (if you are only showing 2 tables). Then just wrap your tables in a div with a set width (use max-width for responsiveness) and center them. Copy the following into your post (in html mode):

    <div style="max-width: 600px;margin: 0 auto;">
    
    [pricing_table span="6" start="true" style="condensed" title="BASIC" dollar="$9" cents="99"]
    
    1 Website
    
    1 Email Address
    
    10GB Bandwidth
    
    10GB Storage Space
    
    24/7 Support Line
    
    [/pricing_table][pricing_table span="6" style="condensed" title="PREMIUM" dollar="$29" cents="99" end="true"]
    
    5 Websites
    
    5 Email Addresses
    
    50GB Bandwidth
    
    50GB Storage Space
    
    24/7 Support Line
    
    [/pricing_table]
    
    </div>
    Thread Starter mister klucha

    (@mister-klucha)

    max-width rather than with works great indeed.
    Works fine. Thanks for help. and your reactivity.
    I’m waiting for your next update…
    i stop bothering you after. ?? ??
    I’m sure the threads i started and the updates done with be really useful for the plugin, its audience/reception.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Responsive behaviour’ is closed to new replies.