Skip to main content
All CollectionsHow to increase Engagement and uplift Conversions?
How can I set up the Shop By Category store block?
How can I set up the Shop By Category store block?

Learn about setting up the Shop By Category store block.

Kay! avatar
Written by Kay!
Updated over a week ago


You should also read


Note-


The customer is directly led to the collection page when they click on a specific category on the Shop By Category widget


Here's a step-by-step guide to set it up:

  1. Click on "Store" on the home page of the ModeMagic app


  2. Select the "Shop By Category" widget under "Store"


  3. From the left side of the screen select the template of your choice under "Templates"


  4. Under "Settings" select the collection page you'd like to show on the widget.


  5. Click on "Design" followed by "Style" to make corresponding changes for each layer.


  6. From the top of the screen, you can view how the widget will be visible on different screen sizes.


  7. From the right side of the screen, select the store pages in which you want the widget to be visible under "Display Settings".


    1. Select "All products" if you want the widget to be visible on all product pages

    2. Select "All collections" if you want the widget to be visible on all collection pages

    3. Select "Home Page" if you want the widget to be visible on the home page

    4. Select "Custom" & then add the regex in the "Add Regex" box. If you would like to add the widget in selective product pages only, you can add the regex as shown below-

    For eg: If the regex has to be added for the product "oakley-factory-winter-trigger-mens-mitt-2015", then you must add it in the "Add Regex" box as follows:

    .*oakley-factory-winter-trigger-mens-mitt-2015*








  8. Under the "Display Settings" drop-down on the right side of the screen, choose a "Custom" or "Floating" position



  9. Click on "Add to Store" in the bottom right corner of the screen to apply the widget to your store.


  10. Once the widget is active, it will be visible under "Active". You can pause an active widget by clicking on the "Pause Icon" or remove the widget by clicking on "Remove".

Did this answer your question?