custom-css Custom Code for STORE PAGE - Image Orientation (Setting BOTH Landscape & Portrait)

Hi all!

Looking for direction on custom code for my store page. I'm creating a store for a photographer client, and he wishes to display his images as BOTH landscape and portrait on the store page. However, 7.1 forces orientation. I have tried a few CC's to get around this, however they work for the STORE PAGE, but once the item is clicked on, the orientation defaults back.

Any suggestions? 🙂

Hi. Can you share link to store page? We can check easier.

Or try this to Store Page Header

<style>
  article img {object-fit: contain !important;}
</style>

Hi there!

I am struggling with forced orientation in the store pages as well. I have two store pages and one page needs to be 2 columns with 16:9 aspect ratio, while the other needs to be 3 columns with 1:1 aspect ratio. Any thoughts? Every time I change one it also changes the other.

On 2/23/2022 at 3:05 AM, akeller said:

Hi there!

I am struggling with forced orientation in the store pages as well. I have two store pages and one page needs to be 2 columns with 16:9 aspect ratio, while the other needs to be 3 columns with 1:1 aspect ratio. Any thoughts? Every time I change one it also changes the other.

You can set 2 columns with 16:9 then share link to page where you want to 3 columns with 1:1, we will give the code to adjust this