【flatsome】flatsome 如何把喜欢的产品调到首页显示.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108

[ux_slider]

[ux_banner height="491px" bg="https://pic.huajunstone.com/factory00001.jpg" bg_overlay="rgba(254, 111, 18, 0)" bg_pos="72% 6%" hover="zoom-fade" link="https://www.huajunstone.com/my-factory.html"]

[/ux_banner]
[ux_banner height="491px" bg="https://pic.huajunstone.com/factory00002.jpg" bg_overlay="rgba(254, 111, 18, 0)" bg_pos="72% 6%" hover="zoom-fade" link="https://www.huajunstone.com/product-category/quartz-vanity-tops" ]

[/ux_banner]
[ux_banner height="491px" bg="https://pic.huajunstone.com/factory00005.jpg" bg_overlay="rgba(254, 111, 18, 0)" bg_pos="57% 49%" hover="zoom-fade" link="https://www.huajunstone.com/product-category/quartz-countertops" ]

[/ux_banner]
[ux_banner height="491px" bg="https://pic.huajunstone.com/factory00003.jpg" bg_overlay="rgba(254, 111, 18, 0)" bg_pos="67% 70%" hover="zoom-fade" link="https://www.huajunstone.com/product-category/stone-table-tops"]

[/ux_banner]
[ux_banner height="491px" bg="https://pic.huajunstone.com/factory00004.jpg" bg_overlay="rgba(254, 111, 18, 0)" bg_pos="67% 70%" hover="zoom-fade" link="https://www.huajunstone.com/product-category/quartz-vanity-tops"]

[/ux_banner]

[/ux_slider]

[row]

[col span="4" span__sm="12"]

[ux_banner height="160px" bg="https://pic.huajunstone.com/bathroom_vanity_tops.jpg" bg_pos="55% 11%" hover="zoom-fade" link="https://www.huajunstone.com/product-category/quartz-vanity-tops"]

[text_box]
<h2><strong><span class="uppercase">Vanity Tops</span></strong></h2>
[divider]

[/text_box]

[/ux_banner]

[/col]
[col span="4" span__sm="12"]

[ux_banner height="160px" bg="https://pic.huajunstone.com/kitchen_countertops.jpg" hover="zoom-fade" link="https://www.huajunstone.com/product-category/quartz-countertops"]

[text_box]
<h2><strong><span class="uppercase"><span style="font-size: 85%;">Countertops</span></span></strong></h2>
[divider]

[/text_box]

[/ux_banner]

[/col]
[col span="4" span__sm="12"]

[ux_banner height="160px" bg="https://pic.huajunstone.com/table_top.jpg" bg_pos="71% 0%" hover="zoom-fade" link="https://www.huajunstone.com/product-category/stone-table-tops"]

[text_box]
<h2><strong><span class="uppercase">Table Tops</span></strong></h2>
[divider]

[/text_box]

[/ux_banner]

[/col]

[/row]
[title style="center" text="weekly featured products"]

[ux_products products="14" show="featured"]

[title style="center" text="Best Selling Products" size="undefined"]

[ux_products products="8" orderby="sales"]

[title style="center" text="Browse our categories"]

[ux_product_categories number="20"]

[gap height="40px"]

[row col_style="divided"]

[col span="4"]

[featured_box img="https://pic.huajunstone.com/001-64.png" img_width="64" pos="center" title="Factory Direct" icon_color="rgb(182, 182, 182)" margin="0px 0px 0px 0px"]

Our Factory Nearby XIAMEN, It Be Located At ShiJing Town ,NanAn City,FuJian Province,China .

[/featured_box]

[/col]
[col span="4"]

[featured_box img="https://pic.huajunstone.com/001-64.png" img_width="64" pos="center" title="High Quality" icon_color="rgb(182, 182, 182)" margin="0px 0px 0px 0px"]

High-Tech Industrial Equipment and Experienced Fabrication Skills.It Will Make Sure Supply The Best Quality For You.

[/featured_box]

[/col]
[col span="4"]

[featured_box img="https://pic.huajunstone.com/001-64.png" img_width="64" pos="center" title="Speedy Delivery" icon_color="rgb(182, 182, 182)" margin="0px 0px 0px 0px"]

We Are Factory Owner . The Production Schedule Will Be Under Control. Speedy, Efficient Shipping And Delivery For You Without Any Problem.

[/featured_box]

[/col]

[/row]

1. 新建Blocks

1
2
3
4
5
6

browse-our-catalogues [block id="browse-our-catalogues"]
granite-vanity-top-catalogues [block id="granite-vanity-top-catalogues"]
marble-vanity-top-catalogues [block id="marble-vanity-top-catalogues"]
granite-countertop-catalogues [block id="granite-countertop-catalogues"]
marble-countertop-catalogues [block id="marble-countertop-catalogues"]
quartz-countertop-catalogues [block id="quartz-countertop-catalogues"]

2. home page 里面加入如下代码:

1
2
3
4
5

[block id="browse-our-catalogues"]
[block id="granite-vanity-top-catalogues"]
[block id="marble-vanity-top-catalogues"]
[block id="marble-countertop-catalogues"]
[block id="quartz-countertop-catalogues"]

每个block上加入如下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

<div class="container section-title-container" ><h3 class="section-title section-title-center"><b></b><span class="section-title-main" style="font-size:undefined%;">Granite Bathroom Vanity Tops</span><b></b></h3></div>

<div class="row large-columns-4 medium-columns- small-columns-2 row-small slider row-slider slider-nav-reveal slider-nav-push" data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": true,"percentPosition": true,"pageDots": false, "rightToLeft": false, "autoPlay" : false}'>

<div class="product-small col has-hover product type-product post-5343 status-publish first instock product_cat-granite-vanity-tops product_tag-blue-pearl product_tag-blue-pearl-granite product_tag-blue-pearl-granite-vanity-tops product_tag-granite-vanity-tops product_tag-vanity-tops has-post-thumbnail shipping-taxable product-type-simple">
<div class="col-inner">

<div class="badge-container absolute left top z-1">
</div>
<div class="product-small box ">
<div class="box-image">
<div class="image-fade_in_back">
<a href="https://www.huajunstone.com/product/blue-pearl-granite-vanity-tops.html">
<img width="300" height="300" src="https://www.huajunstone.com/wp-content/uploads/2020/06/Blue_Pearl_Granite_Vanity_Tops_001-300x300-1.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://www.huajunstone.com/wp-content/uploads/2020/06/Blue_Pearl_Granite_Vanity_Tops_001-300x300-1.jpg 300w, https://www.huajunstone.com/wp-content/uploads/2020/06/Blue_Pearl_Granite_Vanity_Tops_001-300x300-1-280x280.jpg 280w, https://www.huajunstone.com/wp-content/uploads/2020/06/Blue_Pearl_Granite_Vanity_Tops_001-300x300-1-100x100.jpg 100w" sizes="(max-width: 300px) 100vw, 300px" /><img width="300" height="300" src="https://www.huajunstone.com/wp-content/uploads/2020/06/Blue_Pearl_Granite_Vanity_Tops_002-300x300-1.jpg" class="show-on-hover absolute fill hide-for-small back-image" alt="" srcset="https://www.huajunstone.com/wp-content/uploads/2020/06/Blue_Pearl_Granite_Vanity_Tops_002-300x300-1.jpg 300w, https://www.huajunstone.com/wp-content/uploads/2020/06/Blue_Pearl_Granite_Vanity_Tops_002-300x300-1-280x280.jpg 280w, https://www.huajunstone.com/wp-content/uploads/2020/06/Blue_Pearl_Granite_Vanity_Tops_002-300x300-1-100x100.jpg 100w" sizes="(max-width: 300px) 100vw, 300px" /> </a>
</div>
<div class="image-tools is-small top right show-on-hover">
</div>
<div class="image-tools is-small hide-for-small bottom left show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
<a class="quick-view" data-prod="5343" href="#quick-view">Quick View</a> </div>
</div>

<div class="box-text box-text-products">
<div class="title-wrapper"> <p class="category uppercase is-smaller no-text-overflow product-cat op-7">
4-1 Granite Vanity Tops </p>
<p class="name product-title"><a href="https://www.huajunstone.com/product/blue-pearl-granite-vanity-tops.html">Blue Pearl Granite Vanity Tops</a></p></div><div class="price-wrapper"><div class="star-rating" role="img" aria-label="Rated 5.00 out of 5"><span style="width:100%">Rated <strong class="rating">5.00</strong> out of 5</span></div>
</div> </div>
</div>
</div>
</div>

</div>

3. 找到相关目录.如 https://www.huajunstone.com/product-category/granite-vanity-tops

把 Andromeda White Granite Vanity Tops 调到首页.