How can I add a grid style to my 'Shop the Look' on Focal theme?

How can I add a grid style to my 'Shop the Look' on Focal theme?

IFBBARM
Visitor
1 0 1

Hello Shopify Community! 

 

My shop the look isn't what I like personally but I would like to add a grid style of shop the look! 

 

my web address is diamond ful. com except without the space! 

 

Any help will be appreciated it! 

 

Thank you

Replies 2 (2)

PageFly-Victor
Shopify Partner
7865 1785 3101

Hi @IFBBARM,

 

It's PageFly - Advanced Page Builder App here and I'd like to share some of my initial thoughts when first browsing through your online store. I hope that my recommendations based on 6 years of providing solutions for more than 100.000 merchants can be beneficial to you in improving your store performance.

 

I have just taken a quick look at your website and I picked up some plus points are:

  • A sticky header allows customers to quickly access the navigation, search, and utility-navigation elements whenever they scroll up or down on the page.
  • The announcement bar will announce the information about discounts or any promotion campaign of a store.
  • Have feature products and collections classified clearly

 

Besides these things, I have some comments and suggestions for your Homepage and Product Page for a better chance of gaining sales, hope this help!

 

HOMEPAGE

  • Hero Banner

 

Hero banner is high-quality but have no CTA. You are advised to have the Hero Banner with CTA which is a well-structured navigator for your visitors. It also shows exactly what you are selling.

 

PageFly_0-1663142124454.png

 

  • Add a countdown timer

If you are running a sale promotion for some products. You can consider adding a Countdown Timer. Show a timer rolling backward which communicates how much time remains before a given action should be taken. It's probably good practice that the shown urgency is authentic and not just made up.

PageFly_1-1663142170272.png

 

  • Testimonials

The testimonials from your homepage only have texts, which somehow does not look legitimate enough:

 

PageFly_3-1663142237858.png

 

Customer reviews are proof of your product quality. This section will help you build customers' trust. You can show rating stars for each product or you can add customer reviews with both texts and photos to increase the legislation, like this:

 

PageFly_4-1663142253949.png

 

Besides, you can add blogs or reviews of your customer as testimonials. You can use third-party reviews apps such as: Loox, Yotpo, or Judge.me, etc. PageFly integrates with these apps. 

There are some articles that can help you more to optimize your site, you can visit the following links to consult more: 07 Tools to Boost Your Conversion Rates and the best reviews app for your store.



PRODUCT PAGE

  • Can use sticky add to add button

If using a sticky “Add to Cart” button, surround it with sufficient white space (i.e., don’t use full-width sticky “Add to Cart” buttons).

 

  • Provide ‘Lifestyle’ Images for Relevant Products

Users need images to inspire them and get them excited about a product or risk missing out on interesting product features. Therefore, provide at least one “Lifestyle” image when it’s relevant to the site or product context. For your pages, you can do the real  “on neck”, “on ears”, “on hands” mockups, which supports customers imagine the real size of your product as well as increase your product credibility:

PageFly_5-1663142312029.png

 

  • Include both User rating average and number of ratings

Many users rely on ratings and reviews to select products and displaying them right on each product at the first place can quickly build your credibility.

PageFly_6-1663142369929.png

 

Besides, to build a better website, you also can take a look at our blog here: Personalize Your Homepage

Personalize your product page

Personalize your collection page

 

If you want more flexibility to personalize your pages, I'd love to introduce our product PageFly Landing Page Builder with 24/7 support live chat. PageFly has a Free plan where you can use all features and create different page types so I hope give us a try, and you can get started with PageFly now.

 

 

Good luck and have a nice day! 

Cheers,

PageFly Team

 

 

Juliusf
Visitor
2 0 1

It's been a bit, but I've had the same problem that I just couldn't find a way to create a blog style "shop the look" library (like an inspiration page).

I've contacted their support and they said that it's only possible with heavy custom code or with an app 😞