Description Text changing as per variants on venture theme

Highlighted
New Member
9 0 0

Hi, i have an query related to description text changing as per variants on venture theme. I had seen forums, and i got solution as of timber theme in that this functionality works. So i tried using that script as well and properly set html code also as per variant id and this was working fine. But currently, description text changing has been stop working. Please could you help me with this situation providing solution on it. Why couldn't description text is changing as per variants. You can also reply me on sanjivani@coefficientindia.com. Eagerly waitng for your reply.

 

Thanks sanjivani

0 Likes
Highlighted

Hello Sanjivani,

 

Can you please share your URL so that I can check that and will let you know what can be the issue, as you have used some custom code so let me check once and will let you know.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
9 0 0

Hi Pallavi,

 

This is the URL: https://whatsyourprint.com/

and custom script code in Product.liquid file at end i have been added this script.

 

{%comment%} DecsriptionCode {%endcomment%}

{{ 'option_selection.js' | shopify_asset_url | script_tag }}
<script>
var selectCallback = function(variant, selector) {

// Simply toggle on/off the panel according to the variant selected
$('.description').css('display', 'none');
$('#' + variant.id).css('display', 'block');

venture.productPage({
money_format: "{{ shop.money_format }}",
variant: variant,
selector: selector
});
};

jQuery(function($) {
new Shopify.OptionSelectors('productSelect', {
product: {{ product | json }},
onVariantSelected: selectCallback,
enableHistoryState: true
});

// Add label if only one product option and it isn't 'Title'. Could be 'Size'.
{% if product.options.size == 1 and product.options.first != 'Title' %}
$('.selector-wrapper:eq(0)').prepend('<label for="productSelect-option-0">{{ product.options.first | escape }}</label>');
{% endif %}

// Hide selectors if we only have 1 variant and its title contains 'Default'.
{% if product.variants.size == 1 and product.variants.first.title contains 'Default' %}
$('.selector-wrapper').hide();
{% endif %}
});
</script>

 

0 Likes
Highlighted

Hey sanjivani,

 

As per my analysis there is jquery issue on your site. Please resolve that first, i hope your issue issue will be resolved once its done.

do-it-with-passion.jpg

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
9 0 0

Hi Pallavi,

 

Please can you tell me exactly what i have to do please..

 

Thanks sanjivani

0 Likes
Highlighted

1)In your custom code somewhere you have used "$" and somewhere you have used "jQuery".

So use any one of the declaration.

 

2) Please check library files once whether jquery library file is available or not

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
9 0 0

Hi Pallavi,

 

As per you told, i tried changing but getting following error.

 

$ is not defined

0 Likes
Highlighted

Have you checked for library too.

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted

Its still showing the same "jquery"whats_your_print.jpg

 

You can try this too

 

jQuery(document).ready(function($){
// standard on load code goes here with $ prefix
// note: the $ is setup inside the anonymous function of the ready command
});
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
9 0 0

Hi Pallavi,

 

Actually, i m new to shopify, so please its a request can you tell me the procedure how to check the library?

 

 

0 Likes