Two Product Columns in Simple Theme Help

jenvenegas
New Member
8 0 0

Hi @LitExtension & @ChoosiZon 

Here's the site and the password to access it:

https://playhausvintage.com/

pw: PurplePinkRed

Thank you so much.

0 Likes
LitExtension
Shopify Partner
879 99 158

Hi @jenvenegas 

Please place this code at the end of the "theme.scss" to solve your problem.

@media only screen and (min-width: 750px) {

#shopify-section-featured-products .grid {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    align-items: stretch;

    flex-wrap: wrap;

}

 

#shopify-section-featured-products .supports-js {

    height: 100%;

}

 

.product__image-wrapper {

    display: block;

    margin-bottom: 10px;

    position: relative;

    padding-top: 180% !important;

    height: 100%;

}

}

Hope this helps.

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
jenvenegas
New Member
8 0 0

@LitExtension Thank you! We are almost there with it. In the first row, the prices get cut-off at the bottom of the product images. Any help with that?

jenvenegas_0-1620707985307.png

 

0 Likes
jenvenegas
New Member
8 0 0

Hi @LitExtension & @ChoosiZon 

Thank you both so much for your help. We're almost there with it. The only issue is that the prices get cut off underneath the product title on all rows except the last row.

Example:

jenvenegas_0-1621106038278.png

 

What it should look like: 

jenvenegas_1-1621106079854.png

 

Here's the site url & password again too:

https://playhausvintage.com/

PurplePinkRed

Thanks again!

 

 

0 Likes
LitExtension
Shopify Partner
879 99 158

Hi @jenvenegas

You just enable dev tools (link to refer: https://developer.chrome.com/docs/devtools/open/) and find where you want to place that snippet into your theme.
When you find it, you need to find that element in your theme to place that code.
Link to refer edit code in Shopify: https://help.shopify.com/en/manual/online-store/themes/theme-code

Hope this helps! 

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
ChoosiZon
Navigator
314 54 83

 @jenvenegas , @LitExtension ,

No offence this theme is quite difficult to correct.

The proper way is to do some minor edits on the html itself as i have tested in my test store.

https://vimeo.com/551755192

Create
Launch
Donate
0 Likes