product page customisations

amnaaaaa
Tourist
7 0 2

i have made a design 

amnaaaaa_0-1713421718205.png

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

amnaaaaa_1-1713421812775.png

 

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

 

Reply 1 (1)

theycallmemakka
Shopify Partner
1495 337 361

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

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com