please reply
i have two files component-newsletter.css & newsletter-section.css i tried to add code in both of files but nothing happened please check
Hi @manan123
In the NewslatterForm section file (In your liquid file you add the below code)
In your component-newsletter.css file add the below code
.newsletter-form__button:not(:focus-visible):not(.focused) {
background-color: #786f6f;
}
Result:
the colour behind the arrow changes but the placeholder still not changed , i tried to put in liquid file but the code overlaps
here’s my newsletter.liquid file please tell me exact position where to enter the code
{{ ‘component-newsletter.css’ | asset_url | stylesheet_tag }}
{{ ‘newsletter-section.css’ | asset_url | stylesheet_tag }}
{%- style -%}
.section-{{ section.id }}-padding {
padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
}
@media screen and (min-width: 750px) {
.section-{{ section.id }}-padding {
padding-top: {{ section.settings.padding_top }}px;
padding-bottom: {{ section.settings.padding_bottom }}px;
}
}
{%- endstyle -%}
{%- for block in section.blocks -%}
{%- case block.type -%}
{%- when '@app' -%}
{% render block %}
{%- when 'heading' -%}
{{ block.settings.heading }}
{%- when 'paragraph' -%}
{{ block.settings.text }}
{%- when 'email_form' -%}
{% form 'customer', class: 'newsletter-form' %}
{%- if form.posted_successfully? -%}
{%- endcase -%}
{%- endfor -%}
{{ 'newsletter.label' | t }}
{% render 'icon-arrow' %}
{%- if form.errors -%}
{%- render 'icon-error' -%}
{{- form.errors.translated_fields.email | capitalize }}
{{ form.errors.messages.email -}}
{%- endif -%}
{% render 'icon-success' -%} {{- 'newsletter.success' | t }}
{%- endif -%} {% endform %}{% schema %}
{
“name”: “t:sections.newsletter.name”,
“tag”: “section”,
“class”: “section”,
“disabled_on”: {
“groups”: [“header”]
},
“settings”: [
{
“type”: “color_scheme”,
“id”: “color_scheme”,
“label”: “t:sections.all.colors.label”,
“default”: “background-1”
},
{
“type”: “checkbox”,
“id”: “full_width”,
“default”: true,
“label”: “t:sections.newsletter.settings.full_width.label”
},
{
“type”: “paragraph”,
“content”: “t:sections.newsletter.settings.paragraph.content”
},
{
“type”: “header”,
“content”: “t:sections.all.padding.section_padding_heading”
},
{
“type”: “range”,
“id”: “padding_top”,
“min”: 0,
“max”: 100,
“step”: 4,
“unit”: “px”,
“label”: “t:sections.all.padding.padding_top”,
“default”: 40
},
{
“type”: “range”,
“id”: “padding_bottom”,
“min”: 0,
“max”: 100,
“step”: 4,
“unit”: “px”,
“label”: “t:sections.all.padding.padding_bottom”,
“default”: 52
}
],
“blocks”: [
{
“type”: “heading”,
“name”: “t:sections.newsletter.blocks.heading.name”,
“limit”: 1,
“settings”: [
{
“type”: “inline_richtext”,
“id”: “heading”,
“default”: “Subscribe to our emails”,
“label”: “t:sections.newsletter.blocks.heading.settings.heading.label”
},
{
“type”: “select”,
“id”: “heading_size”,
“options”: [
{
“value”: “h2”,
“label”: “t:sections.all.heading_size.options__1.label”
},
{
“value”: “h1”,
“label”: “t:sections.all.heading_size.options__2.label”
},
{
“value”: “h0”,
“label”: “t:sections.all.heading_size.options__3.label”
}
],
“default”: “h1”,
“label”: “t:sections.all.heading_size.label”
}
]
},
{
“type”: “paragraph”,
“name”: “t:sections.newsletter.blocks.paragraph.name”,
“limit”: 1,
“settings”: [
{
“type”: “richtext”,
“id”: “text”,
“default”: “
Be the first to know about new collections and exclusive offers.
”,“label”: “t:sections.newsletter.blocks.paragraph.settings.paragraph.label”
}
]
},
{
“type”: “email_form”,
“name”: “t:sections.newsletter.blocks.email_form.name”,
“limit”: 1
},
{
“type”: “@app”
}
],
“presets”: [
{
“name”: “t:sections.newsletter.presets.name”,
“blocks”: [
{
“type”: “heading”
},
{
“type”: “paragraph”
},
{
“type”: “email_form”
}
]
}
]
}
{% endschema %}
@manan123
{{ ‘newsletter.label’ | t }}
Here {{ ‘newsletter.label’ | t }} this text comes from localization if you went to change email → Enter your email then you need to cheng the newsletter label in the setting section that you will find in a local folder.
And if you went to cheng the icon color we need to add this code
.newsletter-form__button .icon {
width: 2.5rem;
color: black;
}
hi @manan123 ,
It seems there is a mouseover handler in the slideshow component. I inspected you’re store and found the handler. You can add a condition in the mouseover handler to ignore mouseover event type for pausing auto rotation. In you’re assets/global.js you can replace the handler function “focusInHandling” with the updated function below. It tells the browser to ignore mouseover events when checking to pause auto rotation. You need to replace the function code with the given function. contact us if you need anymore help with this.
focusInHandling(event) {
if (this.sliderAutoplayButton) {
const focusedOnAutoplayButton =
event.target === this.sliderAutoplayButton || this.sliderAutoplayButton.contains(event.target);
if (focusedOnAutoplayButton && this.autoplayButtonIsSetToPlay) {
this.play();
} else if (this.autoplayButtonIsSetToPlay) {
if(event.type !== "mouseover")
this.pause();
}
} else if (this.querySelector('.announcement-bar-slider').contains(event.target)) {
if(event.type !== "mouseover")
this.pause();
}
}
again thanks!!!
hey i want to add slider in this section that it auto rotate by itself , please help me…
my store url : https://mansaroverfurnishings.com/
Hi @manan123
To do that you need to add some theme code in your backend. And you need to hire a developer to do this.
hii, can you please help me my cart drawer delete button does not working …please help!
My store URL :https://mansaroverfurnishings.com/
Hlw @manan123
We are going through your problem, but the problem you mentioned was working perfectly.
Is the problem solved?
yes it is thanks
i’m facing an another problem , i want to hide the inventory message on my product page , please help me with that
here’s url :https://mansaroverfurnishings.com/products/atena-bed-spread-collection-by-ross-1?_pos=1&_sid=128337bb3&_ss=r
Hey @manan123
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above tag.
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
thanks!! it worked..
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
hey, i want to show this sale word in front of MRP not on next line on mobile devices also please help me to make this adjustments..
In desktop view its visible like this :
And in mobile devices its display like this :
I Want to display this sale word as same as its on desktop devices …please help me with that
Here’s the URL : https://mansaroverfurnishings.com/products/erenity-1
Thankyou…
Hi @manan123
You can follow these step to achieve your result
Go to online store ->Edit code ->Go to component-price.css file and use bellow code
@media screen and (mnax-width:768px){
.price .price--large .price--on-sale .price--show-badge{
display:flex;
}
.badge .price__badge-sale,
.badge .price__badge-sold{
height: 2.5rem !important;
}
}