Venture Theme - Product Description - display different image for PC and mobile views

Store Design
,
1

Hi All,

Please can someone assist me.

I am using Venture theme and I would like an image in my product description to display differently on PC and mobile views.

The webpage is: https://electricrideco.com/products/exway-auxpack

I would like the first image in the product description to be different on PC and mobile.

Screen Shot 2023-03-21 at 3.33.42 PM.png
Screen Shot 2023-03-21 at 3.33.42 PM.png3024×1678 346 KB

Here is the code that I currently have:

# Exway AUXPack

![9f96dc5d22d03158da54267257e8addd.webp?v=1678699673|3840x2978](upload://64s2XYyVrkbrBFKJ9d7sjx17Ymf.jpeg)

Here is the link for the image that I would like to display on mobile only:
https://cdn.shopify.com/s/files/1/0612/2546/8142/files/daa8101570b953ff499193204cf2629d.webp?v=1679384446

Thanks for your help!

Guy

2

Hi, you can replace your code by this one:

# Exway AUXPack

![9f96dc5d22d03158da54267257e8addd.webp?v=1678699673|3840x2978](upload://64s2XYyVrkbrBFKJ9d7sjx17Ymf.jpeg)

![daa8101570b953ff499193204cf2629d.webp?v=1679384446|1920x2520](upload://y9fV9m5xzSg0xGBxnU23rVCTUVG.jpeg)
3

@Dan-From-Ryviu Thanks for your reply!

Is there another way to do this using the class .small–hide or one of the other “hide” classes?

4

You can change class in

tags

Screenshot 2023-03-21 at 16.26.31.png
Screenshot 2023-03-21 at 16.26.31.png797×424 62.8 KB

5

@Dan-From-Ryviu

Thanks for your reply. I’m aware that I can change the class name.

It seems that my theme already has hide classes such as “small–hide” and “medium–hide”.

I’ve tried looking for these in my theme.scss.liquid file as I would like to check the properties for these classes but I can’t find them.

Do you know where I would be able to find this code?

Thanks!

6

You can use those class

.small--show
.small--hide
.medium-up--show
.medium-up--hide
7

Thanks Dan.

Do you know here I can find those classes in my code? I would like to check the properties.

8

You can use this file URL

https://cdn.shopify.com/s/files/1/0612/2546/8142/t/18/assets/theme.scss.css?v=119835608677511734561679018742

search “–show” or “–hide” to find properties

9

Thanks a lot!