Solved

Craft Theme - Quick Add for Mobile View

caleo2024
Tourist
8 0 1

Hi, I had some help to amend the quick add button to a cross (+) on the image instead, however I've just noticed the cross on the mobile view seems to appear in the middle of the product name instead of on the corner of the image - is there a way to move the placement of the (+) for the mobile view only?

 

Also how would I change the the wording 'choose options' to just 'options' where there are variants?

 

Thank you!

Accepted Solution (1)
EBOOST
Shopify Partner
953 257 294

This is an accepted solution.

Hi, 


May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png
2. Assets/base.css
3. Add code below to end of file

#MainContent .card--standard>.card__content {
    position: relative;
  }
  #MainContent .card__content .quick-add {
    top: -25px!important;
    right: 0!important;
    grid-row-start: none;
    margin: 0;
  }
  #MainContent .quick-add__submit {
    line-height: 1;
    min-height: 25px;
  }
  #MainContent .collection .card__media {
    transform: scale(1);
  }

EBOOST_0-1717682565294.png

EBOOST_1-1717682584147.png

 

 

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤

View solution in original post

Replies 4 (4)

EBOOST
Shopify Partner
953 257 294

Hi @caleo2024 ,

Could you share store url and protect password? I will help to check it. 

* Change "choose options" to "options"

May I suggest to update code these steps:

1. Go to Store Online-> theme -> click "..." button

EBOOST_0-1717664261860.png

 

2. Edit default theme content 

EBOOST_0-1672045396680.png

3. Search "choose options"

EBOOST_1-1717664347870.png

 

4. Update it -> save

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤
caleo2024
Tourist
8 0 1

Thank you! I was able to amend the options 🙂 

stampandimpress.com.au 
PW fiw3n

EBOOST
Shopify Partner
953 257 294

This is an accepted solution.

Hi, 


May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png
2. Assets/base.css
3. Add code below to end of file

#MainContent .card--standard>.card__content {
    position: relative;
  }
  #MainContent .card__content .quick-add {
    top: -25px!important;
    right: 0!important;
    grid-row-start: none;
    margin: 0;
  }
  #MainContent .quick-add__submit {
    line-height: 1;
    min-height: 25px;
  }
  #MainContent .collection .card__media {
    transform: scale(1);
  }

EBOOST_0-1717682565294.png

EBOOST_1-1717682584147.png

 

 

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤
caleo2024
Tourist
8 0 1

Perfect! Thank you so much 🙂