product page customisations

[amnaaaaa]

i have made a design 

and i want to implement like this on mobile and desktop:

Mobile more optimiszed preferred

thoughtbox.pk

Mother's Day | Gifts for Mothers | Make her the happiest! (thoughtbox.pk)

my image banner asset is already customised from home page so i think i would need a new custom liquid for this

[theycallmemakka]

Hi @amnaaaaa 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

NOTE: Please replace the image URL with your correct Image URL.

{% if commection.handle == 'mothers-day' %}
<style>
section#shopify-section-template--16136159035585__1659520686e5df6ed9 {
    background-image: url(//thoughtbox.pk/cdn/shop/files/065B6E08-4E4A-4139-9C66-F1504933A6D9.jpg);
    width: 100%;
    height: 290px;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
}
@media only screen and (max-width: 600px) {
  section#shopify-section-template--16136159035585__1659520686e5df6ed9 {
        height: 200px;
    }
}
section#shopify-section-template--16136159035585__1659520686e5df6ed9 .isolate {
    display: none;
}

section#shopify-section-template--16136159035585__rich_text_B7D84k {
    display: none;
}
</style>
{% endif %}

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka