View live examples here.
In Post Shortcodes drop down menu click ShopStyle/RewardStyle Widget:
In the pop up add the title of the widget, for example “shop this post” and paste the code in the second field, you can also add the reward style shortcode:
Select whether to make the widget full width or normal width.
This will create a shortcode similar to this in your post:
[shop_slider][shop_heading]Shop my Outfit[/shop_heading][show_shopthepost_widget id="2148083"][/shop_slider]
And the result will look like this:
In the drop down choose Outfit widget:
In the pop up upload an image and fill out the rest of the information. The “Image Title” is optional:
Example of the the shortcode in the post:
Example of the results (style 1):
Example of the results (style 2):
Example of the results (style 3):
Indent is the distance, or number of blank spaces used to separate a paragraph from the left or right margins. You can adjust the spacing to your liking in the settings by increasing or decreasing the number in pixels:
You can then replace Add Text Here with your content:
[indented_text padding="30"]Add Text Here[/indented_text]
Full Width Banner
You can have columns of text on one side and image on the other, in the pop up you will be able to fill the information needed for the Image/Text column as well as align the image to the side you want:
The column shortcode will look like this in the post:
But the result will be this:
Sticky columns is when one side sticks in the view point as you scroll down (view live examples in the link above).
Align and choose the size of the sticky column in the pop up settings:
You’ll then get a shortcode like this:
[columns_sticky size="ud-twenty" align="left"]
[sticky_element]Add content for the sticky column here[/sticky_element]
[normal_element]Add content for the normal column here[/normal_element]
Replace Add content for the sticky column here and Add content for the normal column here with the appropriate text.