Posts by UI20

Hey I am having an issue rendering “dynamic” text from a twitter feed on my theme. The feed it placed in my footer and I have no issues replacing static text but when using the a JQUERY plugin for showing feeds it fails to render any of the text pulled in.

I have tried adding many of the html tags to the cufon replace code but none worked for the dynamic text.

I am using a test code I got in a theme I purchased on Themeforest but this problem is so urgent and not really related to the theme but the general solution of rendering cufon on dynamic text so I hope you guys can help me.

Here is the test HTML :

<script src="js/cufon_ie9.js" type="text/javascript"></script>
    <script src="js/ArdleysHand_500.font.js" type="text/javascript"></script>
    <script src="js/Gotham_Narrow_Light_300.font.js" type="text/javascript"></script>
    <script type="text/javascript">
      Cufon.replace('h2', { fontFamily: 'ArdleysHand' });
      Cufon.replace('#footer h3', { fontFamily: 'ArdleysHand' });
      Cufon.replace('#tagline h4', { fontFamily: 'ArdleysHand' });
      Cufon.replace('div#tweet-text', { fontFamily: 'ArdleysHand' });
</script>

<!--twitter widget -->
         <div data-username="pixilcase" id="twitter">
             <h3>Tweet Widget</h3>
             <span>loading...</span>
             <h4>line</h4>
             <p>Loading latest tweet - follow us here <a href="http://www.twitter.com/pixilcase">@pixilcasw</a></p>
         </div>
        <!-- end twitter widget-->

<h3><cufon class="cufon cufon-canvas" alt="Tweet " style="width: 41px; height: 14px;"><canvas height="21" width="56" style="width: 56px; height: 21px; top: 0px; left: -4px;"></canvas><cufontext>Tweet </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Widget" style="width: 42px; height: 14px;"><canvas height="21" width="55" style="width: 55px; height: 21px; top: 0px; left: -4px;"></canvas><cufontext>Widget</cufontext></cufon></h3>
<span><div class="tweet-created_at"><a href="http://www.twitter.com/pixilcase/status/100596048619249660">6 days ago</a></div></span>
<h4>line</h4>
<p><div class="tweet-text"><a href="http://twitter.com/Eleven2" class="tweet-mention">@Eleven2</a> Sounds good, waiting patiently :)</div></p>

<script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="js/twitter.js" type="text/javascript"></script>

Oh btw. it worked Thx

Hey guys I am the designer of www.fantasyfitba.com and I am looking for a php/javascript developer on behalf of my client.

The main task will be to finish up some small work and bugs from our old programmer who has vanished for unknown reasons. If the relationship turns out well more future work on the website and perhaps other projects will be offered as well. This is a freelance off site job and pay is negotiable with me and the client.

If you are interested message me through this site or email me at rune_ecklon @ hotmail.com

Thanks in advance.

Hey guys I am the designer of www.fantasyfitba.com and I am looking for a php/javascript developer on behalf of my client.

The main task will be to finish up some small work and bugs from our old programmer who has vanished for unknown reasons. If the relationship turns out well more future work on the website and perhaps other projects will be offered as well.

This is a freelance off site job and pay is negotiable with me and the client.

If you are interested message me through this site or email me at rune_ecklon @ hotmail.com

Thanks in advance.

sevenspark said
Have you tried wrapping the image in a label tag instead of a div and setting its for attribute to the id of the radio button input?

It is wrapped in an actually, you see I need the bit of code at the buttom to be inside the tag as well. The div is only the image. I thought labels were just for texct but I guess labels are the only way to associate aother element with a radio botton. I guess that should work. Thx.

Sorry guys, I saw NO replies since my browser didn’t update and then I edited my reply away but that bnever worked either. Thx for the replies, will try it out.

I guess the long chunk of code scared people away. The code is not important, the solution should be quite simple right?

Hey all, Please check this link: http://murray-bauch-and-altenwerth3713.myshopify.com/collections/ipad-cases/products/d-red-duo-folio-case-metallic-series?page=1

If you scroll down the page, you will find some color options with radio buttons. I would like to construct it so when the image is clicked it also selects the radio button. I have tried a lot of things but I didn’t make it work yet. I am open to any suggestions.

If you want to see how I constructed it so far, please check the code snippet.

<a class="option-element float-left" id="{{variant.id}}">

      <!-- iPad Duo Folio - Bold -->
        {% if variant.options contains 'Black + Red Strap' %}
        <div>{{ 'ipad-duo-folio-bold-color-black-red-strap.png' | asset_url | img_tag: 'Black + Red Strap' }}</div>
        <!-- iPad Duo Folio - Leather -->
        {% elsif variant.options contains 'Dark Green + Brown Strap' %}
        <div>{{ 'ipad-duo-folio-leather-color-dark-green-brown-strap.png' | asset_url | img_tag: 'Dark Green + Brown Strap' }}</div>
        <!-- iPad Duo Folio - Metallic -->
        {% elsif variant.options contains 'Pink + Silver Strap' %}
        <div>{{ 'ipad-duo-folio-metallic-color-pink-silver-strap.png' | asset_url | img_tag: 'Dark Green + Brown Strap' }}</div>
        {% elsif variant.options contains 'Dark Grey + Silver Strap' %}
        <div>{{ 'ipad-duo-folio-metallic-color-dark-grey-silver-strap.png' | asset_url | img_tag: 'Dark Green + Brown Strap' }}</div>
        {% elsif variant.options contains 'Green + Silver Strap' %}
        <div>{{ 'ipad-duo-folio-metallic-color-green-silver-strap.png' | asset_url | img_tag: 'Dark Green + Brown Strap' }}</div>
        {% elsif variant.options contains 'Dark Blue + Light Blue Strap' %}
        <div>{{ 'ipad-duo-folio-metallic-color-dark-blue-light-blue-strap.png' | asset_url | img_tag: 'Dark Green + Brown Strap' }}</div>
        {% endif %}
        <input type="radio" name="id" value="{{variant.id}}" id="radio_{{variant.id}}" {%if forloop.first%} checked="checked" {%endif%} class="option-radio" />

      </a>

I was thinjking it would be a fast way to gt the basics up an running and then ad the more avanced parts by hand. I find the basic Wordpress coding to be quite tedious…

But not sure how well this works.

Hey guys, since it is very hard to get any help on the Shopify forums (low activity) I hope maybe you guys can have a look at my problem. I suspect it is a general problem and not a big one.

The problem is this: I needed a different style for “current” (current page = the number navigation) and the 3 little dots ”...” that also show up in the navigation.

As you can see in the following link the 3 dots and the current page have the same style.

http://murray-bauch-and-altenwerth3713.myshopify.com/collections/all

The problem is that these 2 elements both the same part element and can only be styled differently by making a conditional statement like here:

{% if part.title == '…' %}
    <span class="deco">{{ part.title }}</span>
{% else %}
    <span class="paginate-shared-style current page">{{ part.title }}</span>
{% endif %}

I got the help to make this from: http://wiki.shopify.com/Paginate

My guess is that those 3 little dots can not be recognized for some reason. I copy-pasted directly from the wiki example and I also tried with normal punctuation for the dots but to no avail.

{% if paginate.pages > 1 %}
<!-- START PAGINATE -->
<div id="paginate">
     {% if paginate.previous %}
    <span class="paginate-shared-style-link prev">{{ paginate.previous.title | link_to: paginate.previous.url }}</span>
  {% endif %}
  {% for part in paginate.parts %}
    {% if part.is_link %}
      <span class="paginate-shared-style-link page">{{ part.title | link_to: part.url }}</span>
    {% else %}
      {% if part.title == '…' %}
       <span class="deco">{{ part.title }}</span>
      {% else %}
       <span class="paginate-shared-style current page">{{ part.title }}</span>
      {% endif %}     
    {% endif %}        
  {% endfor %}      
  {% if paginate.next %}
    <span class="paginate-shared-style-link next">{{ paginate.next.title | link_to: paginate.next.url }}</span>
  {% endif %}
</div>
<!-- END PAGINATE -->{% endif %}{% endpaginate %}

#paginate {
    position:absolute;
    left:0px;
    bottom:-33px;
        z-index: 10;
}

#paginate a {
    text-decoration:none;
}

.paginate-shared-style {
    display:block;
    padding: 3px 8px;
    border-width:1px;
        border-style:solid;
    margin-right:3px;
    float:left;       
}

.paginate-shared-style-link a {
    display:block;
    padding: 3px 8px;
    border-width:1px;
        border-style:solid;
    margin-right:3px;
    float:left;       
}

.deco  {
        background-color: white;

}
.current  {
        background-color: black;

}

I know this is a lot to go through but I hope you can spare the time. I suspect the issue is not a big one. I am just too novice in programming to see it right away.

Thanks in advance.