Changing CTA's on gallery and Image view

YuriV

Hello!
I have been running into an issue and was wondering if someone knows how to fix it. Is there a way to change the "buy photos" button when opening up the gallery? After reading through one of the threads I put in the code to change the main Cta to "Buy Tutorials" but when I click and individual tutorial its still "buy photos," which needs to be changed. Let me know if you can help!
https://www.vantowskiphotography.com/Tutorials

Hikin' Mike

First thing you have this in your Theme's Custom CSS Section:

<a href="https://www.smugmug.com" class="sm-muted">
        Powered by SmugMug

     element.style { color: #00000 }

    </a>

This is not CSS and should be removed.

Once you've done that use this instead of the code you are using now:

.sm-user-ui .sm-com-lb-sidebar-title h2:only-child,
.sm-user-ui .sm-gallery-cover-buy-button .sm-button-label {display: none;}

.sm-user-ui .sm-com-lb-sidebar-title:after,
.sm-user-ui button.sm-gallery-cover-buy-button:after {content: 'Buy Tutorial';}

.sm-user-ui .sm-com-lb-sidebar-title {
  text-align: center;
  font-size: 26px;
  font-weight: 700;
}

YuriV

thanks Mike. Ill throw that in and go from there

YuriV

So I put in that code but now I see powered by smugmug. Also it says buy tutorial at the gallery level on all pages and buy photos which is not what I want. The gallery section on my site was good, just the tutorial page needed fixing.

YuriV

I added that code you wrote to the tutorial page which worked. I put the "hide smugmug" code back to apply to the whole site so that went away. The only thing I see now Is that when I click on the tutorial tab I see buy tutorials which is great, but when I click on the individual photo I still see buy photo at the bottom corner. However the top left corner near check out says buy Tutorial which is good. And then it says buy multiple photos underneath. Hopefully that made sense that I would like to have it all say buy tutorials only on that page

Hikin' Mike

Again, this is not CSS and should not be in there:

<a href="https://www.smugmug.com" class="sm-muted">
        Powered by SmugMug

     element.style { color: #00000 }

    </a>

You need to use this: .sm-user-ui .sm-page-powered-by a {display: none;}

YuriV

thank you! I added that smugmug hidden code and works great. Do you see the cta issues on my tutorial page?

Hikin' Mike

Missed the lightbox stuff.

.sm-user-ui .sm-com-lb-sidebar-title h2:only-child,
.sm-user-ui .sm-lightbox-buy-button .sm-button-label,
.sm-user-ui .sm-gallery-cover-buy-button .sm-button-label {display: none;}

.sm-user-ui .sm-com-lb-sidebar-title:after,
.sm-user-ui button.sm-lightbox-buy-button:after,
.sm-user-ui button.sm-gallery-cover-buy-button:after {content: 'Buy Tutorial';}

.sm-user-ui .sm-com-lb-sidebar-title {
  text-align: center;
  font-size: 26px;
  font-weight: 700;
}

YuriV

That all works! awesome solve! I had one last question. Is there a way to make each image on there have a seperate cta like " shop tweaking your comp" or shop reflection"?

YuriV

I just checked on mobile and the gallery cta is cropped and says " buy utoria" and when I click into the checkout it says buy this photo and buy tutorial

Hikin' Mike

@YuriV said:
Is there a way to make each image on there have a seperate cta like " shop tweaking your comp" or shop reflection"?

No.

Hikin' Mike

@YuriV said:
I just checked on mobile and the gallery cta is cropped and says " buy utoria" and when I click into the checkout it says buy this photo and buy tutorial

That's because when it switches to mobile, the icon only is displayed.

YuriV

ok Thanks for all your help!

YuriV

Im going to create an email sign up for people with mailchimp. Is there a recommendation of how to go about that. Ideally Ill have a newsletter page and then on the bottom of each page will be a box that says subscribe to my newsletter

Hikin' Mike

@YuriV said:
Im going to create an email sign up for people with mailchimp. Is there a recommendation of how to go about that. Ideally Ill have a newsletter page and then on the bottom of each page will be a box that says subscribe to my newsletter

Try this: https://gallery.imagesinthebackcountry.com/Smugmug-customization/Adding-a-Mailchimp-Signup-Form

YuriV

awesome. thank you!

Hikin' Mike

I see you still have the wrong code in your Theme's Custom CSS section:

<a href="https://www.smugmug.com" class="sm-muted">
        Powered by SmugMug

     element.style { color: #00000 }

    </a>

Again, this is not CSS and NOT correct and can cause display issues. If you want to remove the 'Power By" you need to use this: .sm-user-ui .sm-page-powered-by a {display: none;}

YuriV

I updated the wrong spot. Should be good now